localize "unsupported integration type" message

Author: jankuca

src/messageTypes.ts

@@ -235,6 +235,7 @@ export type LocalizedMessages = {
     integrationsRequiredField: string;
     integrationsOptionalField: string;
     integrationsUnnamedIntegration: string;
+    integrationsUnsupportedIntegrationType: string;
     // Select input settings strings
     selectInputSettingsTitle: string;
     allowMultipleValues: string;

src/notebooks/deepnote/integrations/integrationWebview.ts

@@ -177,7 +177,8 @@ export class IntegrationWebviewProvider implements IIntegrationWebviewProvider {
             integrationsSnowflakeRolePlaceholder: localize.Integrations.snowflakeRolePlaceholder,
             integrationsSnowflakeWarehouseLabel: localize.Integrations.snowflakeWarehouseLabel,
             integrationsSnowflakeWarehousePlaceholder: localize.Integrations.snowflakeWarehousePlaceholder,
-            integrationsUnnamedIntegration: localize.Integrations.unnamedIntegration('{0}')
+            integrationsUnnamedIntegration: localize.Integrations.unnamedIntegration('{0}'),
+            integrationsUnsupportedIntegrationType: localize.Integrations.unsupportedIntegrationType('{0}')
         };
 
         await this.currentPanel.webview.postMessage({

src/platform/common/utils/localize.ts

@@ -831,6 +831,7 @@ export namespace Integrations {
     export const requiredField = l10n.t('*');
     export const optionalField = l10n.t('(optional)');
     export const unnamedIntegration = (id: string) => l10n.t('Unnamed Integration ({0})', id);
+    export const unsupportedIntegrationType = (type: string) => l10n.t('Unsupported integration type: {0}', type);
 
     // Integration type labels
     export const postgresTypeLabel = l10n.t('PostgreSQL');

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { getLocString } from '../react-common/locReactSide';
+import { format, getLocString } from '../react-common/locReactSide';
 import { PostgresForm } from './PostgresForm';
 import { BigQueryForm } from './BigQueryForm';
 import { SnowflakeForm } from './SnowflakeForm';
@@ -70,8 +70,13 @@ export const ConfigurationForm: React.FC<IConfigurationFormProps> = ({
                                         onCancel={onCancel}
                                     />
                                 );
-                            default:
-                                return <div>Unsupported integration type: {integrationType}</div>;
+                            default: {
+                                const unsupportedMessage = getLocString(
+                                    'integrationsUnsupportedIntegrationType',
+                                    'Unsupported integration type: {0}'
+                                );
+                                return <div>{format(unsupportedMessage, integrationType)}</div>;
+                            }
                         }
                     })()}
                 </div>