feat(frontend): link recipe card header to recipe

bounswe · May 17, 2024 · d7eee08 · d7eee08
1 parent 432b806
commit d7eee08
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/frontend/src/components/Recipe.tsx b/frontend/src/components/Recipe.tsx
@@ -42,7 +42,9 @@ export const Recipe = ({
       <Card className="flex flex-1 flex-col bg-gray-100 pt-16">
         <CardHeader>
           <div className="flex items-center justify-between">
-            <CardTitle>{name}</CardTitle>
+            <CardTitle>
+              <Link to={`/recipes/${id}`}>{name}</Link>
+            </CardTitle>
             <div className="flex">
               <Button
                 className="bg-transparent"