fix showing existing config

Author: jankuca

src/webviews/webview-side/integrations/BigQueryForm.tsx

@@ -16,6 +16,15 @@ export const BigQueryForm: React.FC<IBigQueryFormProps> = ({ integrationId, exis
     const [projectId, setProjectId] = React.useState(existingConfig?.projectId || '');
     const [credentials, setCredentials] = React.useState(existingConfig?.credentials || '');
 
+    // Update form fields when existingConfig changes
+    React.useEffect(() => {
+        if (existingConfig) {
+            setName(existingConfig.name || '');
+            setProjectId(existingConfig.projectId || '');
+            setCredentials(existingConfig.credentials || '');
+        }
+    }, [existingConfig]);
+
     const handleSubmit = (e: React.FormEvent) => {
         e.preventDefault();
 
@@ -82,4 +91,3 @@ export const BigQueryForm: React.FC<IBigQueryFormProps> = ({ integrationId, exis
         </form>
     );
 };
-

src/webviews/webview-side/integrations/IntegrationPanel.tsx

@@ -65,6 +65,7 @@ export const IntegrationPanel: React.FC<IIntegrationPanelProps> = ({ baseTheme,
     const handleSave = (config: IntegrationConfig) => {
         vscodeApi.postMessage({
             type: 'save',
+            integrationId: config.id,
             config
         });
         setSelectedIntegrationId(null);

src/webviews/webview-side/integrations/PostgresForm.tsx

@@ -12,6 +12,8 @@ export interface IPostgresFormProps {
 }
 
 export const PostgresForm: React.FC<IPostgresFormProps> = ({ integrationId, existingConfig, onSave, onCancel }) => {
+    console.log('[PostgresForm] Rendering with existingConfig:', existingConfig);
+
     const [name, setName] = React.useState(existingConfig?.name || '');
     const [host, setHost] = React.useState(existingConfig?.host || '');
     const [port, setPort] = React.useState(existingConfig?.port?.toString() || '5432');
@@ -20,6 +22,19 @@ export const PostgresForm: React.FC<IPostgresFormProps> = ({ integrationId, exis
     const [password, setPassword] = React.useState(existingConfig?.password || '');
     const [ssl, setSsl] = React.useState(existingConfig?.ssl || false);
 
+    // Update form fields when existingConfig changes
+    React.useEffect(() => {
+        if (existingConfig) {
+            setName(existingConfig.name || '');
+            setHost(existingConfig.host || '');
+            setPort(existingConfig.port?.toString() || '5432');
+            setDatabase(existingConfig.database || '');
+            setUsername(existingConfig.username || '');
+            setPassword(existingConfig.password || '');
+            setSsl(existingConfig.ssl || false);
+        }
+    }, [existingConfig]);
+
     const handleSubmit = (e: React.FormEvent) => {
         e.preventDefault();
 
@@ -139,4 +154,3 @@ export const PostgresForm: React.FC<IPostgresFormProps> = ({ integrationId, exis
         </form>
     );
 };
-