From 2d513528543e6fa5122d8bb439fc600c182c59ee Mon Sep 17 00:00:00 2001
From: AI Bot <bot@digifox.live>
Date: Thu, 17 Sep 2026 10:34:23 +0530
Subject: [PATCH] fix: Load API keys from database in ImageTo3DModal

---
 src/components/ImageTo3DModal.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/ImageTo3DModal.tsx b/src/components/ImageTo3DModal.tsx
index 3babd46..1dab36d 100644
--- a/src/components/ImageTo3DModal.tsx
+++ b/src/components/ImageTo3DModal.tsx
@@ -113,12 +113,13 @@ export const ImageTo3DModal: React.FC<ImageTo3DModalProps> = ({ isOpen, onClose,
   useEffect(() => {
     const savedProvider = localStorage.getItem('API_PROVIDER') as 'fal' | 'tripo' | 'meshy' | null;
     if (savedProvider) setApiProvider(savedProvider);
-    const savedKey = localStorage.getItem('FAL_API_KEY');
-    if (savedKey) setApiKey(savedKey);
-    const savedTripoKey = localStorage.getItem('TRIPO_API_KEY');
-    if (savedTripoKey) setTripoApiKey(savedTripoKey);
-    const savedMeshyKey = localStorage.getItem('MESHY_API_KEY');
-    if (savedMeshyKey) setMeshyApiKey(savedMeshyKey);
+    
+    api.getUserKeys().then(keys => {
+      if (keys.FAL_API_KEY) setApiKey(keys.FAL_API_KEY);
+      if (keys.TRIPO_API_KEY) setTripoApiKey(keys.TRIPO_API_KEY);
+      if (keys.MESHY_API_KEY) setMeshyApiKey(keys.MESHY_API_KEY);
+    }).catch(err => console.error("Failed to load user keys", err));
+    
     const savedModel = localStorage.getItem('FAL_MODEL');
     if (savedModel) setSelectedModel(savedModel);
   }, []);