Admin/panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add date formatting utility functions and integrate them across components

Browse Source
This commit is contained in:
Chop
2025-06-19 23:29:06 +02:00
parent 306c96328e
commit 639179ed21
11 changed files with 118 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ContractForm.js
View File

@@ -5,6 +5,7 @@ import { useRouter } from "next/navigation";
import { Card, CardHeader, CardContent } from "@/components/ui/Card";
import Button from "@/components/ui/Button";
import { Input } from "@/components/ui/Input";
import { formatDateForInput } from "@/lib/utils";
export default function ContractForm() {
const [form, setForm] = useState({
@@ -133,11 +134,11 @@ export default function ContractForm() {
<div>
<label className="block text-sm font-medium text-gray-700 mb-2">
Date Signed
</label>
</label>{" "}
<Input
type="date"
name="date_signed"
value={form.date_signed || ""}
value={formatDateForInput(form.date_signed)}
onChange={handleChange}
/>
</div>
@@ -145,11 +146,11 @@ export default function ContractForm() {
<div className="md:col-span-2">
<label className="block text-sm font-medium text-gray-700 mb-2">
Finish Date
</label>
</label>{" "}
<Input
type="date"
name="finish_date"
value={form.finish_date || ""}
value={formatDateForInput(form.finish_date)}
onChange={handleChange}
/>
</div>

5
src/components/ProjectForm.js
View File

@@ -5,6 +5,7 @@ import { useRouter } from "next/navigation";
import { Card, CardHeader, CardContent } from "@/components/ui/Card";
import Button from "@/components/ui/Button";
import { Input } from "@/components/ui/Input";
import { formatDateForInput } from "@/lib/utils";
export default function ProjectForm({ initialData = null }) {
const [form, setForm] = useState({
@@ -214,11 +215,11 @@ export default function ProjectForm({ initialData = null }) {
<div>
<label className="block text-sm font-medium text-gray-700 mb-2">
Finish Date
</label>
</label>{" "}
<Input
type="date"
name="finish_date"
value={form.finish_date || ""}
value={formatDateForInput(form.finish_date)}
onChange={handleChange}
/>
</div>

1
src/components/ProjectTasksDashboard.js
View File

@@ -13,6 +13,7 @@ import {
parseISO,
formatDistanceToNow,
} from "date-fns";
import { formatDate } from "@/lib/utils";
export default function ProjectTasksDashboard() {
const [allTasks, setAllTasks] = useState([]);

15
src/components/ProjectTasksSection.js
View File

@@ -6,6 +6,7 @@ import TaskStatusDropdownSimple from "./TaskStatusDropdownSimple";
import { Card, CardHeader, CardContent } from "./ui/Card";
import Button from "./ui/Button";
import Badge from "./ui/Badge";
import { formatDate } from "@/lib/utils";
export default function ProjectTasksSection({ projectId }) {
const [projectTasks, setProjectTasks] = useState([]);
@@ -444,7 +445,7 @@ export default function ProjectTasksSection({ projectId }) {
</td>{" "}
<td className="px-4 py-4 text-sm text-gray-600">
{task.date_started
? new Date(task.date_started).toLocaleDateString()
? formatDate(task.date_started)
: "Not started"}
</td>{" "}
<td className="px-4 py-4">
@@ -519,15 +520,11 @@ export default function ProjectTasksSection({ projectId }) {
</div>
<p className="text-sm text-gray-800">
{note.note}
</p>
</p>{" "}
<p className="text-xs text-gray-500 mt-1">
{new Date(
note.note_date
).toLocaleDateString()}{" "}
at{" "}
{new Date(
note.note_date
).toLocaleTimeString()}
{formatDate(note.note_date, {
includeTime: true,
})}
</p>
</div>
{!note.is_system && (