feat: refine session workflow with global state, quick tasting, and statistics

src/components/TastingList.tsx

@@ -1,7 +1,8 @@
 'use client';
 
 import React, { useState, useMemo } from 'react';
-import { Calendar, Star, ArrowUpDown, Clock, Trash2, Loader2, Users } from 'lucide-react';
+import { Calendar, Star, ArrowUpDown, Clock, Trash2, Loader2, Users, GlassWater } from 'lucide-react';
+import Link from 'next/link';
 import { deleteTasting } from '@/services/delete-tasting';
 
 interface Tasting {
@@ -19,6 +20,10 @@ interface Tasting {
             name: string;
         }
     }[];
+    tasting_sessions?: {
+        id: string;
+        name: string;
+    };
 }
 
 interface TastingListProps {
@@ -108,9 +113,17 @@ export default function TastingList({ initialTastings }: TastingListProps) {
                                     {note.is_sample ? 'Sample' : 'Bottle'}
                                 </span>
                                 <div className="text-[10px] text-zinc-500 font-bold bg-zinc-100 dark:bg-zinc-800 px-2 py-1 rounded-lg flex items-center gap-1">
-                                    <Clock size={10} />
                                     {new Date(note.created_at).toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' })}
                                 </div>
+                                {note.tasting_sessions && (
+                                    <Link
+                                        href={`/sessions/${note.tasting_sessions.id}`}
+                                        className="text-[10px] text-zinc-500 font-bold bg-amber-50 dark:bg-amber-900/20 px-2 py-1 rounded-lg flex items-center gap-1 border border-amber-200/50 dark:border-amber-800/50 transition-all hover:bg-amber-100 dark:hover:bg-amber-900/40"
+                                    >
+                                        <GlassWater size={10} className="text-amber-600" />
+                                        {note.tasting_sessions.name}
+                                    </Link>
+                                )}
                             </div>
                             <div className="flex items-center gap-4">
                                 <div className="text-[10px] text-zinc-400 font-black tracking-widest uppercase flex items-center gap-1">