humam kerdiah
4bfd8c84a9
- Implemented TemplateCheckpointEditDialog for creating and editing inspection checkpoints. - Added VendorActions component for managing vendor actions including edit, activate/deactivate, and delete. - Created VendorContext for managing vendor state across components. - Developed VendorGeneralInfo component to display detailed vendor information. - Introduced AedSymbol and Money components for consistent currency representation. - Added PromptDialog for user input prompts throughout the application. - Implemented RelationLink component for unified related-data display in CRUD tables. - Created InspectionTemplatesClient for API interactions related to inspection templates.
38 lines
1.5 KiB
TypeScript
38 lines
1.5 KiB
TypeScript
import { DashboardDetailsPage } from "@/base/components/layout/dashboard"
|
|
import { getServerApi } from "@garage/api/server"
|
|
import { VendorActions } from "@/modules/vendors/vendor-actions"
|
|
import { VendorProvider } from "@/modules/vendors/vendor-context"
|
|
import React from "react"
|
|
|
|
export default async function layout(props: {
|
|
params: Promise<{ id: string }>
|
|
children: React.ReactNode
|
|
}) {
|
|
const { id } = await props.params
|
|
const api = await getServerApi()
|
|
const response = (await api.vendors.getById(id)) as { data?: Record<string, any> }
|
|
const vendor = response?.data
|
|
|
|
const company = vendor?.company_name as string | undefined
|
|
const fullName = [vendor?.first_name, vendor?.last_name].filter(Boolean).join(" ").trim()
|
|
const title = company || fullName || "Vendor Details"
|
|
const isActive = vendor?.is_active ?? vendor?.status === "active"
|
|
|
|
return (
|
|
<VendorProvider vendor={{ id, label: title }}>
|
|
<DashboardDetailsPage
|
|
className="p-0 lg:p-0"
|
|
title={title}
|
|
description={vendor?.email ?? vendor?.phone ?? undefined}
|
|
backHref="/purchase/vendor"
|
|
actions={<VendorActions vendorId={id} isActive={Boolean(isActive)} />}
|
|
tabs={[
|
|
{ href: `/purchase/vendor/${id}`, label: "Details" },
|
|
]}
|
|
>
|
|
{props.children}
|
|
</DashboardDetailsPage>
|
|
</VendorProvider>
|
|
)
|
|
}
|