Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/routes/index.tsx

@@ -50,6 +50,7 @@ function Dashboard() {
   const [recentCases, setRecentCases] = useState<any[]>([]);
   const [recentInvoices, setRecentInvoices] = useState<any[]>([]);
   const [recentPayments, setRecentPayments] = useState<any[]>([]);
+  const [taskDialogOpen, setTaskDialogOpen] = useState(false);
   const [upcomingReminders, setUpcomingReminders] = useState<any[]>([]);
   const [loading, setLoading] = useState(true);
 
@@ -173,13 +174,10 @@ function Dashboard() {
         <CardContent className="p-4">
           <div className="text-xs uppercase tracking-wider text-muted-foreground mb-3">Quick actions</div>
           <div className="flex flex-wrap gap-2">
-            <NewTaskDialog
-              trigger={
-                <Button variant="outline" size="sm">
-                  <CheckSquare className="h-3.5 w-3.5 mr-1.5" />Add task
-                </Button>
-              }
-            />
+            <Button variant="outline" size="sm" onClick={() => setTaskDialogOpen(true)}>
+              <CheckSquare className="h-3.5 w-3.5 mr-1.5" />Add task
+            </Button>
+            <NewTaskDialog open={taskDialogOpen} onOpenChange={setTaskDialogOpen} />
             {quickActions.map((a) => (
               <Button key={a.label} asChild variant="outline" size="sm">
                 <Link to={a.to}><a.icon className="h-3.5 w-3.5 mr-1.5" />{a.label}</Link>