From 0fb0b108137b6929eb8f49f91bbc1a332123204a Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 24 Apr 2026 20:51:36 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/routes/index.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 40bf039..41fd962 100644
--- a/src/routes/index.tsx
+++ b/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>