Fix catalog config with query

Author: colinmcneil

src/extension/ui/src/components/tile/ConfigEditor.tsx

@@ -46,7 +46,6 @@ const ConfigEditor = ({ catalogItem, client }: { catalogItem: CatalogItemRichene
     // Reset local config when the existing config changes
     useEffect(() => {
         if (!configSchema) return;
-        if (localConfig) return;
         setLocalConfig(flattenedConfig);
     }, [flattenedConfig]);
 
@@ -87,14 +86,21 @@ const ConfigEditor = ({ catalogItem, client }: { catalogItem: CatalogItemRichene
                                 {isSaving ? (
                                     <CircularProgress size={24} />
                                 ) : (
-                                    <IconButton onClick={() => setLocalConfig({
-                                        ...localConfig,
-                                        [key]: flattenedConfig[key]
-                                    })}
-                                        disabled={isSaving}
-                                    >
-                                        <CloseOutlined sx={{ color: 'error.main' }} />
-                                    </IconButton>
+                                    <Stack direction="row" spacing={2}>
+                                        <IconButton onClick={() => updateExistingConfig(catalogItem.name, localConfig)}
+                                            disabled={isSaving}
+                                        >
+                                            <CheckOutlined sx={{ color: 'success.main' }} />
+                                        </IconButton>
+                                        <IconButton onClick={() => setLocalConfig({
+                                            ...localConfig,
+                                            [key]: flattenedConfig[key]
+                                        })}
+                                            disabled={isSaving}
+                                        >
+                                            <CloseOutlined sx={{ color: 'error.main' }} />
+                                        </IconButton>
+                                    </Stack>
                                 )}
                             </Stack>}
                         </Stack>

src/extension/ui/src/components/tile/Modal.tsx

@@ -58,8 +58,6 @@ const ConfigurationModal = ({
     const { registerCatalogItem, unregisterCatalogItem } = useCatalogOperations(client)
     const { configLoading } = useConfig(client)
 
-    console.log('catalogItem', catalogItem)
-
     useEffect(() => {
         setLocalSecrets(catalogItem.secrets.reduce((acc, secret) => {
             acc[secret.name] = secret.assigned ? ASSIGNED_SECRET_PLACEHOLDER : '';

src/extension/ui/src/hooks/useCatalog.ts

@@ -45,7 +45,7 @@ export function useCatalog(client: v1.DockerDesktopClient) {
             missingConfig: unConfigured,
             missingSecrets: missingASecret,
             registered: !!registryItems?.[item.name],
-            canRegister: !registryItems?.[item.name] && !missingASecret && !unConfigured,
+            canRegister: !missingASecret && !unConfigured,
             name: item.name,
         };
         return enrichedItem;