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

23
src/app/contracts/[id]/page.js
View File

@@ -9,6 +9,7 @@ import Badge from "@/components/ui/Badge";
import PageContainer from "@/components/ui/PageContainer";
import PageHeader from "@/components/ui/PageHeader";
import { LoadingState } from "@/components/ui/States";
import { formatDate } from "@/lib/utils";
export default function ContractDetailsPage() {
const params = useParams();
@@ -135,7 +136,6 @@ export default function ContractDetailsPage() {
{contract.contract_number}
</p>
</div>
{contract.contract_name && (
<div>
<span className="text-sm font-medium text-gray-500 block mb-1">
@@ -146,7 +146,6 @@ export default function ContractDetailsPage() {
</p>
</div>
)}
{contract.customer_contract_number && (
<div>
<span className="text-sm font-medium text-gray-500 block mb-1">
@@ -157,7 +156,6 @@ export default function ContractDetailsPage() {
</p>
</div>
)}
{contract.customer && (
<div>
<span className="text-sm font-medium text-gray-500 block mb-1">
@@ -168,7 +166,6 @@ export default function ContractDetailsPage() {
</p>
</div>
)}
{contract.investor && (
<div>
<span className="text-sm font-medium text-gray-500 block mb-1">
@@ -178,30 +175,24 @@ export default function ContractDetailsPage() {
{contract.investor}
</p>
</div>
)}
)}{" "}
{contract.date_signed && (
<div>
<span className="text-sm font-medium text-gray-500 block mb-1">
Date Signed
</span>
<p className="text-gray-900 font-medium">
{new Date(contract.date_signed).toLocaleDateString(
"en-US"
)}
{formatDate(contract.date_signed)}
</p>
</div>
)}
{contract.finish_date && (
<div>
<span className="text-sm font-medium text-gray-500 block mb-1">
Finish Date
</span>
<p className="text-gray-900 font-medium">
{new Date(contract.finish_date).toLocaleDateString(
"en-US"
)}
{formatDate(contract.finish_date)}
</p>
</div>
)}
@@ -350,10 +341,8 @@ export default function ContractDetailsPage() {
d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
clipRule="evenodd"
/>
</svg>
{new Date(project.finish_date).toLocaleDateString(
"en-US"
)}
</svg>{" "}
{formatDate(project.finish_date)}
</div>
)}
<div className="flex items-center">