fix: Fetch keys when ImageTo3DModal opens

2026-09-17 10:43:50 +05:30
parent 2d51352854
commit 76d4d39687
1 changed files with 8 additions and 6 deletions
@@ -114,15 +114,17 @@ export const ImageTo3DModal: React.FC<ImageTo3DModalProps> = ({ isOpen, onClose,
    const savedProvider = localStorage.getItem('API_PROVIDER') as 'fal' | 'tripo' | 'meshy' | null;
    if (savedProvider) setApiProvider(savedProvider);
    
+    if (isOpen) {
      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);
-  }, []);
+  }, [isOpen]);

  const handleImageUpload = (e: React.ChangeEvent<HTMLInputElement>) => {
    const file = e.target.files?.[0];