fix bugs phase 2 (excel ) , download sample feature
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
@@ -0,0 +1,21 @@
|
||||
import { navGroups } from "@/config/navGroups"
|
||||
|
||||
function normalizeTitle(title: string) {
|
||||
return title.trim().toLowerCase()
|
||||
}
|
||||
|
||||
const titleToHref = new Map<string, string>()
|
||||
|
||||
for (const group of navGroups) {
|
||||
for (const item of group.items) {
|
||||
titleToHref.set(normalizeTitle(item.title), item.href)
|
||||
|
||||
for (const subItem of item.items ?? []) {
|
||||
titleToHref.set(normalizeTitle(subItem.title), subItem.href)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export function getNavHrefByTitle(title: string) {
|
||||
return titleToHref.get(normalizeTitle(title))
|
||||
}
|
||||
@@ -1,8 +1,10 @@
|
||||
"use client"
|
||||
|
||||
import Link from "next/link"
|
||||
import { FileText, FileSearch, Receipt, ShoppingCart } from "lucide-react"
|
||||
import { Card, CardContent, CardHeader, CardTitle } from "@/shared/components/ui/card"
|
||||
import type { DashboardData } from "./use-dashboard-data"
|
||||
import { getNavHrefByTitle } from "./nav-groups-links"
|
||||
|
||||
type Props = { data: DashboardData }
|
||||
|
||||
@@ -11,15 +13,15 @@ export function SalesPurchaseCards({ data }: Props) {
|
||||
const purchase = data.purchase_totals
|
||||
|
||||
const salesStats = [
|
||||
{ label: "Inspections", value: sales?.inspections ?? 0, icon: FileSearch },
|
||||
{ label: "Estimates", value: sales?.estimates ?? 0, icon: FileText },
|
||||
{ label: "Invoices", value: sales?.invoices ?? 0, icon: Receipt },
|
||||
{ label: "Inspections", value: sales?.inspections ?? 0, icon: FileSearch, href: getNavHrefByTitle("Inspections") },
|
||||
{ label: "Estimates", value: sales?.estimates ?? 0, icon: FileText, href: getNavHrefByTitle("Estimates") },
|
||||
{ label: "Invoices", value: sales?.invoices ?? 0, icon: Receipt, href: getNavHrefByTitle("Invoices") },
|
||||
]
|
||||
|
||||
const purchaseStats = [
|
||||
{ label: "Purchase Orders", value: purchase?.purchase_orders ?? 0, icon: ShoppingCart },
|
||||
{ label: "Bills", value: purchase?.bills ?? 0, icon: Receipt },
|
||||
{ label: "Expenses", value: purchase?.expenses ?? 0, icon: FileText },
|
||||
{ label: "Purchase Orders", value: purchase?.purchase_orders ?? 0, icon: ShoppingCart, href: getNavHrefByTitle("Purchase Orders") },
|
||||
{ label: "Bills", value: purchase?.bills ?? 0, icon: Receipt, href: getNavHrefByTitle("Bills") },
|
||||
{ label: "Expenses", value: purchase?.expenses ?? 0, icon: FileText, href: getNavHrefByTitle("Expenses") },
|
||||
]
|
||||
|
||||
return (
|
||||
@@ -34,16 +36,30 @@ export function SalesPurchaseCards({ data }: Props) {
|
||||
<CardContent>
|
||||
<div className="grid grid-cols-3 gap-2">
|
||||
{salesStats.map((stat) => (
|
||||
<div
|
||||
key={stat.label}
|
||||
className="flex flex-col items-center gap-1 rounded-lg border p-3 text-center"
|
||||
>
|
||||
<stat.icon className="h-4 w-4 text-muted-foreground" />
|
||||
<span className="text-lg font-bold">{stat.value}</span>
|
||||
<span className="text-[11px] text-muted-foreground leading-tight">
|
||||
{stat.label}
|
||||
</span>
|
||||
</div>
|
||||
stat.href ? (
|
||||
<Link
|
||||
key={stat.label}
|
||||
href={stat.href}
|
||||
className="flex flex-col items-center gap-1 rounded-lg border p-3 text-center transition-colors hover:bg-muted/50"
|
||||
>
|
||||
<stat.icon className="h-4 w-4 text-muted-foreground" />
|
||||
<span className="text-lg font-bold">{stat.value}</span>
|
||||
<span className="text-[11px] text-muted-foreground leading-tight">
|
||||
{stat.label}
|
||||
</span>
|
||||
</Link>
|
||||
) : (
|
||||
<div
|
||||
key={stat.label}
|
||||
className="flex flex-col items-center gap-1 rounded-lg border p-3 text-center"
|
||||
>
|
||||
<stat.icon className="h-4 w-4 text-muted-foreground" />
|
||||
<span className="text-lg font-bold">{stat.value}</span>
|
||||
<span className="text-[11px] text-muted-foreground leading-tight">
|
||||
{stat.label}
|
||||
</span>
|
||||
</div>
|
||||
)
|
||||
))}
|
||||
</div>
|
||||
</CardContent>
|
||||
@@ -59,16 +75,30 @@ export function SalesPurchaseCards({ data }: Props) {
|
||||
<CardContent>
|
||||
<div className="grid grid-cols-3 gap-2">
|
||||
{purchaseStats.map((stat) => (
|
||||
<div
|
||||
key={stat.label}
|
||||
className="flex flex-col items-center gap-1 rounded-lg border p-3 text-center"
|
||||
>
|
||||
<stat.icon className="h-4 w-4 text-muted-foreground" />
|
||||
<span className="text-lg font-bold">{stat.value}</span>
|
||||
<span className="text-[11px] text-muted-foreground leading-tight">
|
||||
{stat.label}
|
||||
</span>
|
||||
</div>
|
||||
stat.href ? (
|
||||
<Link
|
||||
key={stat.label}
|
||||
href={stat.href}
|
||||
className="flex flex-col items-center gap-1 rounded-lg border p-3 text-center transition-colors hover:bg-muted/50"
|
||||
>
|
||||
<stat.icon className="h-4 w-4 text-muted-foreground" />
|
||||
<span className="text-lg font-bold">{stat.value}</span>
|
||||
<span className="text-[11px] text-muted-foreground leading-tight">
|
||||
{stat.label}
|
||||
</span>
|
||||
</Link>
|
||||
) : (
|
||||
<div
|
||||
key={stat.label}
|
||||
className="flex flex-col items-center gap-1 rounded-lg border p-3 text-center"
|
||||
>
|
||||
<stat.icon className="h-4 w-4 text-muted-foreground" />
|
||||
<span className="text-lg font-bold">{stat.value}</span>
|
||||
<span className="text-[11px] text-muted-foreground leading-tight">
|
||||
{stat.label}
|
||||
</span>
|
||||
</div>
|
||||
)
|
||||
))}
|
||||
</div>
|
||||
</CardContent>
|
||||
|
||||
Reference in New Issue
Block a user