49 lines
1.5 KiB
TypeScript
49 lines
1.5 KiB
TypeScript
"use client";
|
|
|
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
|
import { DrawingList } from "@/components/drawings/list";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Upload } from "lucide-react";
|
|
import Link from "next/link";
|
|
|
|
export default function DrawingsPage() {
|
|
return (
|
|
<div className="space-y-6">
|
|
<div className="flex justify-between items-center">
|
|
<div>
|
|
<h1 className="text-3xl font-bold">Drawings</h1>
|
|
<p className="text-muted-foreground mt-1">
|
|
Manage contract and shop drawings
|
|
</p>
|
|
</div>
|
|
<Link href="/drawings/upload">
|
|
<Button>
|
|
<Upload className="mr-2 h-4 w-4" />
|
|
Upload Drawing
|
|
</Button>
|
|
</Link>
|
|
</div>
|
|
|
|
<Tabs defaultValue="contract" className="w-full">
|
|
<TabsList className="grid w-full grid-cols-3 max-w-[600px]">
|
|
<TabsTrigger value="contract">Contract Drawings</TabsTrigger>
|
|
<TabsTrigger value="shop">Shop Drawings</TabsTrigger>
|
|
<TabsTrigger value="asbuilt">As Built Drawings</TabsTrigger>
|
|
</TabsList>
|
|
|
|
<TabsContent value="contract" className="mt-6">
|
|
<DrawingList type="CONTRACT" />
|
|
</TabsContent>
|
|
|
|
<TabsContent value="shop" className="mt-6">
|
|
<DrawingList type="SHOP" />
|
|
</TabsContent>
|
|
|
|
<TabsContent value="asbuilt" className="mt-6">
|
|
<DrawingList type="AS_BUILT" />
|
|
</TabsContent>
|
|
</Tabs>
|
|
</div>
|
|
);
|
|
}
|