Module Update

src/app/(dashboard)/teacher/textbooks/page.tsx

@@ -0,0 +1,78 @@
+import { Search, Filter } from "lucide-react";
+import { Button } from "@/shared/components/ui/button";
+import { Input } from "@/shared/components/ui/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/shared/components/ui/select";
+import { TextbookCard } from "@/modules/textbooks/components/textbook-card";
+import { TextbookFormDialog } from "@/modules/textbooks/components/textbook-form-dialog";
+import { getTextbooks } from "@/modules/textbooks/data-access";
+
+export default async function TextbooksPage() {
+  // In a real app, we would parse searchParams here
+  const textbooks = await getTextbooks();
+
+  return (
+    <div className="space-y-6">
+      {/* Page Header */}
+      <div className="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
+        <div>
+          <h1 className="text-2xl font-bold tracking-tight">Textbooks</h1>
+          <p className="text-muted-foreground">
+            Manage your digital curriculum resources and chapters.
+          </p>
+        </div>
+        <TextbookFormDialog />
+      </div>
+
+      {/* Toolbar */}
+      <div className="flex flex-col gap-4 md:flex-row md:items-center justify-between bg-card p-4 rounded-lg border shadow-sm">
+        <div className="relative w-full md:w-96">
+          <Search className="absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" />
+          <Input
+            placeholder="Search textbooks..."
+            className="pl-9 bg-background"
+          />
+        </div>
+        <div className="flex gap-2 w-full md:w-auto">
+          <Select>
+            <SelectTrigger className="w-[140px] bg-background">
+              <Filter className="mr-2 h-4 w-4 text-muted-foreground" />
+              <SelectValue placeholder="Subject" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="all">All Subjects</SelectItem>
+              <SelectItem value="math">Mathematics</SelectItem>
+              <SelectItem value="physics">Physics</SelectItem>
+              <SelectItem value="history">History</SelectItem>
+              <SelectItem value="english">English</SelectItem>
+            </SelectContent>
+          </Select>
+          
+          <Select>
+            <SelectTrigger className="w-[140px] bg-background">
+              <SelectValue placeholder="Grade" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="all">All Grades</SelectItem>
+              <SelectItem value="10">Grade 10</SelectItem>
+              <SelectItem value="11">Grade 11</SelectItem>
+              <SelectItem value="12">Grade 12</SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+      </div>
+
+      {/* Grid Content */}
+      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
+        {textbooks.map((textbook) => (
+          <TextbookCard key={textbook.id} textbook={textbook} />
+        ))}
+      </div>
+    </div>
+  );
+}