feat: update ProjectE application

apps/web/app/(dashboard)/tasks/page.tsx

@@ -1,14 +1,28 @@
 'use client';
 
-import { useState } from 'react';
-import { LayoutGrid, List } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { LayoutGrid, List, Plus } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { TasksKanbanView } from '@/components/tasks/tasks-kanban-view';
 import { TasksListView } from '@/components/tasks/tasks-list-view';
+import { CreateItemDialog } from '@/components/create-item-dialog';
 
 export default function TasksPage() {
   const [view, setView] = useState<'kanban' | 'list'>('kanban');
+  const [createOpen, setCreateOpen] = useState(false);
+  const [refreshKey, setRefreshKey] = useState(0);
+
+  useEffect(() => {
+    if (new URLSearchParams(window.location.search).get('new') === 'true') setCreateOpen(true);
+  }, []);
+
+  function handleCreateOpenChange(open: boolean) {
+    setCreateOpen(open);
+    if (!open && new URLSearchParams(window.location.search).get('new') === 'true') {
+      window.history.replaceState(null, '', '/tasks');
+    }
+  }
 
   return (
     <div>
@@ -20,6 +34,10 @@ export default function TasksPage() {
           </p>
         </div>
         <div className="flex items-center gap-2">
+          <Button onClick={() => setCreateOpen(true)}>
+            <Plus className="mr-2 h-4 w-4" aria-hidden="true" />
+            New task
+          </Button>
           <Tabs
             value={view}
             onValueChange={(v) => setView(v as 'kanban' | 'list')}
@@ -38,7 +56,17 @@ export default function TasksPage() {
         </div>
       </div>
 
-      {view === 'kanban' ? <TasksKanbanView /> : <TasksListView />}
+      {view === 'kanban' ? (
+        <TasksKanbanView key={refreshKey} />
+      ) : (
+        <TasksListView key={refreshKey} />
+      )}
+      <CreateItemDialog
+        type="task"
+        open={createOpen}
+        onOpenChange={handleCreateOpenChange}
+        onCreated={() => setRefreshKey((key) => key + 1)}
+      />
     </div>
   );
 }