dst/dstpabuaran.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: refactor CuttingShow component layout for improved readability and structure

Browse Source
This commit is contained in:
Yoga Pangestu 2026-08-14 21:50:40 +07:00
parent 9132e0c9b3
commit b846219b9d
1 changed files with 7 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
resources/js/pages/admin/manage/cutting/show.tsx
View File

@ -1,5 +1,3 @@
import { Head, Link } from '@inertiajs/react';
import { ArrowLeft } from 'lucide-react';
import { ImagePreviewButton } from '@/components/dialogs'; import { ImagePreviewButton } from '@/components/dialogs';
import { Badge } from '@/components/ui/badge'; import { Badge } from '@/components/ui/badge';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
@ -13,6 +11,8 @@ import {
} from '@/components/ui/table'; } from '@/components/ui/table';
import { formatNumber } from '@/lib/format'; import { formatNumber } from '@/lib/format';
import { index as cuttingIndex } from '@/routes/admin/manage/cuttings'; import { index as cuttingIndex } from '@/routes/admin/manage/cuttings';
import { Head, Link } from '@inertiajs/react';
import { ArrowLeft } from 'lucide-react';
import type { Cutting } from './columns'; import type { Cutting } from './columns';
import { CuttingItemSubRow } from './cutting-sub-row'; import { CuttingItemSubRow } from './cutting-sub-row';
@ -126,37 +126,11 @@ export default function CuttingShow({ cutting }: Props) {
<h3 className="mb-3 text-sm font-semibold">Bahan Baku</h3> <h3 className="mb-3 text-sm font-semibold">Bahan Baku</h3>
<div className="pb-2"> <div className="pb-2">
<div className="grid gap-4 sm:grid-cols-2"> <div className="rounded-lg border p-3">
<div className="rounded-lg border p-3"> <p className="text-xs text-muted-foreground">Total Pemakaian</p>
<p className="text-xs text-muted-foreground">Total Pemakaian</p> <p className="mt-1 text-lg font-semibold text-primary">
<p className="mt-1 text-lg font-semibold text-primary"> {formatNumber(totalUsage)}
{formatNumber(totalUsage)} </p>
</p>
</div>
{result?.cutting_result && (
<div className="rounded-lg border p-3">
<p className="text-xs text-muted-foreground">Total Hasil Cutting</p>
<p className="mt-1 text-lg font-semibold text-primary">
{formatNumber(result.cutting_result)} pcs
</p>
</div>
)}
{cutting.formatted_cost_per_unit && (
<div className="rounded-lg border p-3">
<p className="text-xs text-muted-foreground">Biaya Per Produk</p>
<p className="mt-1 text-lg font-semibold text-primary">
{cutting.formatted_cost_per_unit}
</p>
</div>
)}
{cutting.formatted_total_material_cost && (
<div className="rounded-lg border p-3">
<p className="text-xs text-muted-foreground">Total Biaya Bahan</p>
<p className="mt-1 text-lg font-semibold text-primary">
{cutting.formatted_total_material_cost}
</p>
</div>
)}
</div> </div>
</div> </div>