Approve database migration

src/pages/DesignerDetail.tsx

@@ -24,6 +24,9 @@ export default function DesignerDetail() {
   const [designer, setDesigner] = useState<Company | null>(null);
   const [loading, setLoading] = useState(true);
   const [isEditModalOpen, setIsEditModalOpen] = useState(false);
+  const [totalRides, setTotalRides] = useState<number>(0);
+  const [totalPhotos, setTotalPhotos] = useState<number>(0);
+  const [statsLoading, setStatsLoading] = useState(true);
   const { user } = useAuth();
   const { isModerator } = useUserRole();
 
@@ -44,6 +47,9 @@ export default function DesignerDetail() {
 
       if (error) throw error;
       setDesigner(data);
+      if (data) {
+        fetchStatistics(data.id);
+      }
     } catch (error) {
       console.error('Error fetching designer:', error);
     } finally {
@@ -51,6 +57,33 @@ export default function DesignerDetail() {
     }
   };
 
+  const fetchStatistics = async (designerId: string) => {
+    try {
+      // Count rides
+      const { count: ridesCount, error: ridesError } = await supabase
+        .from('rides')
+        .select('id', { count: 'exact', head: true })
+        .eq('designer_id', designerId);
+
+      if (ridesError) throw ridesError;
+      setTotalRides(ridesCount || 0);
+
+      // Count photos
+      const { count: photosCount, error: photosError } = await supabase
+        .from('photos')
+        .select('id', { count: 'exact', head: true })
+        .eq('entity_type', 'designer')
+        .eq('entity_id', designerId);
+
+      if (photosError) throw photosError;
+      setTotalPhotos(photosCount || 0);
+    } catch (error) {
+      console.error('Error fetching statistics:', error);
+    } finally {
+      setStatsLoading(false);
+    }
+  };
+
   const handleEditSubmit = async (data: any) => {
     try {
       await submitCompanyUpdate(
@@ -229,8 +262,12 @@ export default function DesignerDetail() {
         <Tabs defaultValue="overview" className="w-full">
           <TabsList className="grid w-full grid-cols-2 md:grid-cols-4">
             <TabsTrigger value="overview">Overview</TabsTrigger>
-            <TabsTrigger value="rides">Rides</TabsTrigger>
-            <TabsTrigger value="photos">Photos</TabsTrigger>
+            <TabsTrigger value="rides">
+              Rides {!statsLoading && totalRides > 0 && `(${totalRides})`}
+            </TabsTrigger>
+            <TabsTrigger value="photos">
+              Photos {!statsLoading && totalPhotos > 0 && `(${totalPhotos})`}
+            </TabsTrigger>
             <TabsTrigger value="history">History</TabsTrigger>
           </TabsList>