Approve database migration

src/pages/ManufacturerDetail.tsx

@@ -24,6 +24,10 @@ export default function ManufacturerDetail() {
   const [manufacturer, setManufacturer] = useState<Company | null>(null);
   const [loading, setLoading] = useState(true);
   const [isEditModalOpen, setIsEditModalOpen] = useState(false);
+  const [totalRides, setTotalRides] = useState<number>(0);
+  const [totalModels, setTotalModels] = useState<number>(0);
+  const [totalPhotos, setTotalPhotos] = useState<number>(0);
+  const [statsLoading, setStatsLoading] = useState(true);
   const { user } = useAuth();
   const { isModerator } = useUserRole();
 
@@ -44,6 +48,9 @@ export default function ManufacturerDetail() {
 
       if (error) throw error;
       setManufacturer(data);
+      if (data) {
+        fetchStatistics(data.id);
+      }
     } catch (error) {
       console.error('Error fetching manufacturer:', error);
     } finally {
@@ -51,6 +58,42 @@ export default function ManufacturerDetail() {
     }
   };
 
+  const fetchStatistics = async (manufacturerId: string) => {
+    try {
+      // Count rides
+      const { count: ridesCount, error: ridesError } = await supabase
+        .from('rides')
+        .select('id', { count: 'exact', head: true })
+        .eq('manufacturer_id', manufacturerId);
+
+      if (ridesError) throw ridesError;
+      setTotalRides(ridesCount || 0);
+
+      // Count models
+      const { count: modelsCount, error: modelsError } = await supabase
+        .from('ride_models')
+        .select('id', { count: 'exact', head: true })
+        .eq('manufacturer_id', manufacturerId);
+
+      if (modelsError) throw modelsError;
+      setTotalModels(modelsCount || 0);
+
+      // Count photos
+      const { count: photosCount, error: photosError } = await supabase
+        .from('photos')
+        .select('id', { count: 'exact', head: true })
+        .eq('entity_type', 'manufacturer')
+        .eq('entity_id', manufacturerId);
+
+      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(
@@ -231,9 +274,15 @@ export default function ManufacturerDetail() {
         <Tabs defaultValue="overview" className="w-full">
           <TabsList className="grid w-full grid-cols-2 md:grid-cols-5">
             <TabsTrigger value="overview">Overview</TabsTrigger>
-            <TabsTrigger value="rides">Rides</TabsTrigger>
-            <TabsTrigger value="models">Models</TabsTrigger>
-            <TabsTrigger value="photos">Photos</TabsTrigger>
+            <TabsTrigger value="rides">
+              Rides {!statsLoading && totalRides > 0 && `(${totalRides})`}
+            </TabsTrigger>
+            <TabsTrigger value="models">
+              Models {!statsLoading && totalModels > 0 && `(${totalModels})`}
+            </TabsTrigger>
+            <TabsTrigger value="photos">
+              Photos {!statsLoading && totalPhotos > 0 && `(${totalPhotos})`}
+            </TabsTrigger>
             <TabsTrigger value="history">History</TabsTrigger>
           </TabsList>