Table view

src/components/view/TaskView.tsx

@@ -4,24 +4,27 @@ import { SetState, Task } from "@/lib/types";
 import { Color } from "@/lib/ui/color";
 import BoardView from "./board/BoardView";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
+import { TableView } from "./table/TableView";
+
+export type TaskViewProps = {
+  tags: Record<string, { color: Color; name: string }>;
+  tasks: Task[];
+  setTasks: SetState<Task[]>;
+  createTask: (status: string) => void;
+};
 
 export default function TaskView({
   tags,
   tasks,
   setTasks,
   createTask,
-}: {
-  tags: Record<string, { color: Color; name: string }>;
-  tasks: Task[];
-  setTasks: SetState<Task[]>;
-  createTask: (status: string) => void;
-}) {
+}: TaskViewProps) {
   return (
     <div className="px-6 pt-3">
       <Tabs defaultValue="board">
         <TabsList>
           <TabsTrigger value="board">Board</TabsTrigger>
-          <TabsTrigger value="list">List</TabsTrigger>
+          <TabsTrigger value="table">Table</TabsTrigger>
         </TabsList>
         <TabsContent value="board">
           <BoardView
@@ -31,8 +34,8 @@ export default function TaskView({
             tags={tags}
           />
         </TabsContent>
-        <TabsContent value="list">
-          <BoardView
+        <TabsContent value="table">
+          <TableView
             tasks={tasks}
             setTasks={setTasks}
             createTask={createTask}