updates

2026-04-06 02:32:47 +03:00
parent 5f3d208158
commit 24a44481a0
152 changed files with 85913 additions and 44338 deletions
@@ -0,0 +1,29 @@
+import { DashboardDetailsPage } from "@/base/components/layout/dashboard"
+import { AppointmentActions } from "@/modules/appointments/appointment-actions"
+import { AppointmentProvider } from "@/modules/appointments/appointment-context"
+import { CalendarCheck2 } from "lucide-react"
+import React from "react"
+
+export default async function layout(props: {
+    params: Promise<{ id: string }>
+    children: React.ReactNode
+}) {
+    const { id } = await props.params
+
+    return (
+        <AppointmentProvider appointment={{ id, label: `Appointment #${id}` }}>
+            <DashboardDetailsPage
+                className="p-0 lg:p-0"
+                icon={<CalendarCheck2 className="size-5" />}
+                title={`Appointment #${id}`}
+                backHref="/calendar/appointment/list"
+                actions={<AppointmentActions appointmentId={id} />}
+                tabs={[
+                    { href: `/calendar/appointment/${id}`, label: "Details" },
+                ]}
+            >
+                {props.children}
+            </DashboardDetailsPage>
+        </AppointmentProvider>
+    )
+}
@@ -0,0 +1,49 @@
+"use client"
+
+import { use } from "react"
+import { useQuery } from "@tanstack/react-query"
+import { useAuthApi } from "@/shared/useApi"
+import { APPOINTMENT_ROUTES } from "@garage/api"
+import { AppointmentGeneralInfo } from "@/modules/appointments/appointment-general-info"
+import DashboardPage from "@/base/components/layout/dashboard/dashboard-page"
+import { Skeleton } from "@/shared/components/ui/skeleton"
+
+export default function AppointmentDetailsPage({ params }: { params: Promise<{ id: string }> }) {
+    const { id } = use(params)
+    const api = useAuthApi()
+
+    const { data, isLoading } = useQuery({
+        queryKey: [APPOINTMENT_ROUTES.INDEX, "detail", id],
+        queryFn: async () => {
+            const response = await api.appointments.list()
+            const items = (response as any)?.data ?? []
+            return items.find((item: any) => String(item.id) === id) ?? null
+        },
+    })
+
+    if (isLoading) {
+        return (
+            <DashboardPage header={null}>
+                <div className="grid gap-6 md:grid-cols-2 p-6">
+                    {Array.from({ length: 4 }).map((_, i) => (
+                        <Skeleton key={i} className="h-48 rounded-xl" />
+                    ))}
+                </div>
+            </DashboardPage>
+        )
+    }
+
+    if (!data) {
+        return (
+            <DashboardPage header={null}>
+                <p className="text-muted-foreground p-6">Appointment not found.</p>
+            </DashboardPage>
+        )
+    }
+
+    return (
+        <DashboardPage header={null}>
+            <AppointmentGeneralInfo appointment={data} />
+        </DashboardPage>
+    )
+}