remove localization from integration webview as it is not available

Author: jankuca

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { l10n } from 'vscode';
 
 import { BigQueryIntegrationConfig } from './types';
 
@@ -28,7 +27,7 @@ export const BigQueryForm: React.FC<IBigQueryFormProps> = ({ integrationId, exis
 
     const validateCredentials = (value: string): boolean => {
         if (!value.trim()) {
-            setCredentialsError(l10n.t('Credentials are required'));
+            setCredentialsError('Credentials are required');
             return false;
         }
 
@@ -38,7 +37,7 @@ export const BigQueryForm: React.FC<IBigQueryFormProps> = ({ integrationId, exis
             return true;
         } catch (error) {
             const errorMessage = error instanceof Error ? error.message : 'Invalid JSON format';
-            setCredentialsError(l10n.t('Invalid JSON: {0}', errorMessage));
+            setCredentialsError(`Invalid JSON: ${errorMessage}`);
             return false;
         }
     };
@@ -59,7 +58,7 @@ export const BigQueryForm: React.FC<IBigQueryFormProps> = ({ integrationId, exis
 
         const config: BigQueryIntegrationConfig = {
             id: integrationId,
-            name: name || l10n.t('Unnamed BigQuery Integration ({0})', integrationId),
+            name: name || `Unnamed BigQuery Integration (${integrationId})`,
             type: 'bigquery',
             projectId,
             credentials
@@ -71,7 +70,7 @@ export const BigQueryForm: React.FC<IBigQueryFormProps> = ({ integrationId, exis
     return (
         <form onSubmit={handleSubmit}>
             <div className="form-group">
-                <label htmlFor="name">{l10n.t('Name (optional)')}</label>
+                <label htmlFor="name">Name (optional)</label>
                 <input
                     type="text"
                     id="name"
@@ -84,7 +83,7 @@ export const BigQueryForm: React.FC<IBigQueryFormProps> = ({ integrationId, exis
 
             <div className="form-group">
                 <label htmlFor="projectId">
-                    {l10n.t('Project ID')} <span className="required">*</span>
+                    Project ID <span className="required">*</span>
                 </label>
                 <input
                     type="text"
@@ -99,7 +98,7 @@ export const BigQueryForm: React.FC<IBigQueryFormProps> = ({ integrationId, exis
 
             <div className="form-group">
                 <label htmlFor="credentials">
-                    {l10n.t('Service Account Credentials (JSON)')} <span className="required">*</span>
+                    Service Account Credentials (JSON) <span className="required">*</span>
                 </label>
                 <textarea
                     id="credentials"
@@ -124,10 +123,10 @@ export const BigQueryForm: React.FC<IBigQueryFormProps> = ({ integrationId, exis
 
             <div className="form-actions">
                 <button type="submit" className="primary">
-                    {l10n.t('Save')}
+                    Save
                 </button>
                 <button type="button" className="secondary" onClick={onCancel}>
-                    {l10n.t('Cancel')}
+                    Cancel
                 </button>
             </div>
         </form>

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { IntegrationWithStatus } from './types';
-import { l10n } from 'vscode';
 
 export interface IIntegrationItemProps {
     integration: IntegrationWithStatus;
@@ -10,8 +9,8 @@ export interface IIntegrationItemProps {
 
 export const IntegrationItem: React.FC<IIntegrationItemProps> = ({ integration, onConfigure, onDelete }) => {
     const statusClass = integration.status === 'connected' ? 'status-connected' : 'status-disconnected';
-    const statusText = integration.status === 'connected' ? l10n.t('Connected') : l10n.t('Not Configured');
-    const configureText = integration.config ? l10n.t('Reconfigure') : l10n.t('Configure');
+    const statusText = integration.status === 'connected' ? 'Connected' : 'Not Configured';
+    const configureText = integration.config ? 'Reconfigure' : 'Configure';
     const displayName = integration.config?.name || integration.id;
 
     return (
@@ -26,7 +25,7 @@ export const IntegrationItem: React.FC<IIntegrationItemProps> = ({ integration,
                 </button>
                 {integration.config && (
                     <button type="button" className="secondary" onClick={() => onDelete(integration.id)}>
-                        {l10n.t('Reset')}
+                        Reset
                     </button>
                 )}
             </div>

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

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { IntegrationItem } from './IntegrationItem';
 import { IntegrationWithStatus } from './types';
-import { l10n } from 'vscode';
 
 export interface IIntegrationListProps {
     integrations: IntegrationWithStatus[];
@@ -11,7 +10,7 @@ export interface IIntegrationListProps {
 
 export const IntegrationList: React.FC<IIntegrationListProps> = ({ integrations, onConfigure, onDelete }) => {
     if (integrations.length === 0) {
-        return <p className="no-integrations">{l10n.t('No integrations found in this project.')}</p>;
+        return <p className="no-integrations">No integrations found in this project.</p>;
     }
 
     return (

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

@@ -3,7 +3,6 @@ import { IVsCodeApi } from '../react-common/postOffice';
 import { IntegrationList } from './IntegrationList';
 import { ConfigurationForm } from './ConfigurationForm';
 import { IntegrationWithStatus, WebviewMessage, IntegrationConfig } from './types';
-import { l10n } from 'vscode';
 
 export interface IIntegrationPanelProps {
     baseTheme: string;
@@ -130,7 +129,7 @@ export const IntegrationPanel: React.FC<IIntegrationPanelProps> = ({ baseTheme,
 
     return (
         <div className={`integration-panel theme-${baseTheme}`}>
-            <h1>{l10n.t('Deepnote Integrations')}</h1>
+            <h1>Deepnote Integrations</h1>
 
             {message && <div className={`message message-${message.type}`}>{message.text}</div>}
 
@@ -149,20 +148,20 @@ export const IntegrationPanel: React.FC<IIntegrationPanelProps> = ({ baseTheme,
                 <div className="configuration-form-overlay">
                     <div className="configuration-form-container" style={{ maxWidth: '400px' }}>
                         <div className="configuration-form-header">
-                            <h2>{l10n.t('Confirm Reset')}</h2>
+                            <h2>Confirm Reset</h2>
                         </div>
                         <div className="configuration-form-body">
-                            <p>{l10n.t('Are you sure you want to reset this integration configuration?')}</p>
+                            <p>Are you sure you want to reset this integration configuration?</p>
                             <p style={{ marginTop: '10px', fontSize: '0.9em', opacity: 0.8 }}>
-                                {l10n.t('This will remove the stored credentials. You can reconfigure it later.')}
+                                This will remove the stored credentials. You can reconfigure it later.
                             </p>
                         </div>
                         <div className="form-actions">
                             <button type="button" className="primary" onClick={handleConfirmDelete}>
-                                {l10n.t('Reset')}
+                                Reset
                             </button>
                             <button type="button" className="secondary" onClick={handleCancelDelete}>
-                                {l10n.t('Cancel')}
+                                Cancel
                             </button>
                         </div>
                     </div>

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { PostgresIntegrationConfig } from './types';
-import { l10n } from 'vscode';
 
 export interface IPostgresFormProps {
     integrationId: string;
@@ -36,7 +35,7 @@ export const PostgresForm: React.FC<IPostgresFormProps> = ({ integrationId, exis
 
         const config: PostgresIntegrationConfig = {
             id: integrationId,
-            name: name || l10n.t('Unnamed PostgreSQL Integration ({0})', integrationId),
+            name: name || `Unnamed PostgreSQL Integration (${integrationId})`,
             type: 'postgres',
             host,
             port: parseInt(port, 10),
@@ -52,7 +51,7 @@ export const PostgresForm: React.FC<IPostgresFormProps> = ({ integrationId, exis
     return (
         <form onSubmit={handleSubmit}>
             <div className="form-group">
-                <label htmlFor="name">{l10n.t('Name (optional)')}</label>
+                <label htmlFor="name">Name (optional)</label>
                 <input
                     type="text"
                     id="name"
@@ -65,7 +64,7 @@ export const PostgresForm: React.FC<IPostgresFormProps> = ({ integrationId, exis
 
             <div className="form-group">
                 <label htmlFor="host">
-                    {l10n.t('Host')} <span className="required">*</span>
+                    Host <span className="required">*</span>
                 </label>
                 <input
                     type="text"
@@ -80,7 +79,7 @@ export const PostgresForm: React.FC<IPostgresFormProps> = ({ integrationId, exis
 
             <div className="form-group">
                 <label htmlFor="port">
-                    {l10n.t('Port')} <span className="required">*</span>
+                    Port <span className="required">*</span>
                 </label>
                 <input
                     type="number"
@@ -98,7 +97,7 @@ export const PostgresForm: React.FC<IPostgresFormProps> = ({ integrationId, exis
 
             <div className="form-group">
                 <label htmlFor="database">
-                    {l10n.t('Database')} <span className="required">*</span>
+                    Database <span className="required">*</span>
                 </label>
                 <input
                     type="text"
@@ -113,7 +112,7 @@ export const PostgresForm: React.FC<IPostgresFormProps> = ({ integrationId, exis
 
             <div className="form-group">
                 <label htmlFor="username">
-                    {l10n.t('Username')} <span className="required">*</span>
+                    Username <span className="required">*</span>
                 </label>
                 <input
                     type="text"
@@ -128,7 +127,7 @@ export const PostgresForm: React.FC<IPostgresFormProps> = ({ integrationId, exis
 
             <div className="form-group">
                 <label htmlFor="password">
-                    {l10n.t('Password')} <span className="required">*</span>
+                    Password <span className="required">*</span>
                 </label>
                 <input
                     type="password"
@@ -144,16 +143,16 @@ export const PostgresForm: React.FC<IPostgresFormProps> = ({ integrationId, exis
             <div className="form-group checkbox-group">
                 <label>
                     <input type="checkbox" checked={ssl} onChange={(e) => setSsl(e.target.checked)} />
-                    {l10n.t('Use SSL')}
+                    Use SSL
                 </label>
             </div>
 
             <div className="form-actions">
                 <button type="submit" className="primary">
-                    {l10n.t('Save')}
+                    Save
                 </button>
                 <button type="button" className="secondary" onClick={onCancel}>
-                    {l10n.t('Cancel')}
+                    Cancel
                 </button>
             </div>
         </form>