Update frontend/src/pages/Repository.jsx

frontend/src/pages/Repository.jsx

@@ -106,7 +106,7 @@ export default function Repository() {
   const [uploadProductCategory, setUploadProductCategory] = useState('');
   const [uploadSubCategory, setUploadSubCategory] = useState('');
   const [isUploading, setIsUploading] = useState(false);
-  const [assets, setAssets] = useState(mockAssets);
+  const [assets, setAssets] = useState([]);
   const [isLoadingAssets, setIsLoadingAssets] = useState(false);
   const [previewAsset, setPreviewAsset] = useState(null);
   const [previewDialogOpen, setPreviewDialogOpen] = useState(false);
@@ -159,23 +159,32 @@ export default function Repository() {
         const data = await response.json();
         // Convert API response to match mockAssets format
         // IMPORTANT: Keep IDs as strings to preserve precision for large CockroachDB IDs
-        const formattedAssets = data.map(asset => ({
-          id: String(asset.id),  // Explicitly convert to string to preserve precision
-          name: asset.name,
-          type: asset.file_type,
-          product: asset.product_category,
-          subCategory: asset.sub_category,
-          size: formatFileSize(asset.size),
-          date: asset.created_at ? new Date(asset.created_at).toISOString().split('T')[0] : new Date().toISOString().split('T')[0]
-        }));
+        const formattedAssets = data
+          .map(asset => ({
+            id: String(asset.id),  // Explicitly convert to string to preserve precision
+            name: asset.name,
+            type: asset.file_type,
+            product: asset.product_category,
+            subCategory: asset.sub_category,
+            size: formatFileSize(asset.size),
+            date: asset.created_at ? new Date(asset.created_at).toISOString().split('T')[0] : new Date().toISOString().split('T')[0]
+          }))
+          .filter(asset => {
+            // Filter out mock assets (IDs starting with "999" or suspiciously small IDs)
+            const assetId = String(asset.id);
+            // Remove mock assets that don't exist in database
+            return !assetId.startsWith('999') && assetId !== '1' && assetId !== '2' && assetId !== '3';
+          });
         setAssets(formattedAssets);
       } else {
         console.error('Failed to fetch assets');
-        // Keep mockAssets on error
+        // Set empty array on error (no mock data)
+        setAssets([]);
       }
     } catch (error) {
       console.error('Error fetching assets:', error);
-      // Keep mockAssets on error
+      // Set empty array on error (no mock data)
+      setAssets([]);
     } finally {
       setIsLoadingAssets(false);
     }