From 6707fb53aeaef84b76f4d4f1bb15560ff911a9fb Mon Sep 17 00:00:00 2001
From: "claude[bot]" <41898282+claude[bot]@users.noreply.github.com>
Date: Mon, 29 Sep 2025 21:33:45 +0000
Subject: [PATCH] Make workouts clickable on dashboard page

- Add Link components to workout cards
- Navigate to /dashboard/workout/[workoutId] when clicked
- Preserve existing styling and hover effects

Closes #9

Co-authored-by: Tom Phillips <tomphill@users.noreply.github.com>
---
 src/app/dashboard/page.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index ae112e2..3f83ef5 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -3,6 +3,7 @@ import { format } from "date-fns";
 import { CalendarClient } from "./calendar-client";
 import { Button } from "@/components/ui/button";
 import { Suspense } from "react";
+import Link from "next/link";
 
 interface DashboardPageProps {
   searchParams: Promise<{ date?: string }>;
@@ -45,9 +46,10 @@ async function DashboardContent({ searchParams }: { searchParams: { date?: strin
         <div className="space-y-4">
           {workouts.length > 0 ? (
             workouts.map((workout) => (
-              <div
+              <Link
                 key={workout.id}
-                className="border rounded-lg p-4 hover:shadow-md transition-shadow"
+                href={`/dashboard/workout/${workout.id}`}
+                className="block border rounded-lg p-4 hover:shadow-md transition-shadow"
               >
                 <div className="flex justify-between items-start mb-2">
                   <h3 className="font-semibold text-lg">{workout.name}</h3>
@@ -70,7 +72,7 @@ async function DashboardContent({ searchParams }: { searchParams: { date?: strin
                     )}
                   </div>
                 </div>
-              </div>
+              </Link>
             ))
           ) : (
             <div className="border rounded-lg p-8 text-center">