Changes

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

src/routes/index.tsx

@@ -13,6 +13,8 @@ import {
 } from "lucide-react";
 import { formatCurrency, formatDate, statusBadgeClass } from "@/lib/format";
 import { format, startOfDay, startOfMonth, endOfMonth, subDays } from "date-fns";
+import { QuickAddTime, QuickAddExpense } from "@/components/quick-add/quick-add";
+import { NewTaskDialog } from "@/components/tasks/new-task-dialog";
 
 export const Route = createFileRoute("/")({
   component: () => (
@@ -150,12 +152,9 @@ function Dashboard() {
   }, [user?.id]);
 
   const quickActions = useMemo(() => [
-    { label: "Add task", icon: CheckSquare, to: "/tasks" },
     { label: "Add case", icon: Briefcase, to: "/cases/new" },
     { label: "Add contact", icon: UserPlus, to: "/contacts" },
     { label: "Create invoice", icon: Receipt, to: "/invoices" },
-    { label: "Add time", icon: Clock, to: "/tasks" },
-    { label: "Add expense", icon: DollarSign, to: "/cases" },
   ], []);
 
   const financialCards = [
@@ -174,11 +173,20 @@ 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>
+              }
+            />
             {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>
               </Button>
             ))}
+            <QuickAddTime />
+            <QuickAddExpense />
           </div>
         </CardContent>
       </Card>