diff --git a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/AdvancedSettings.tsx b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/AdvancedSettings.tsx index 877915b1e54..23b147e9699 100644 --- a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/AdvancedSettings.tsx +++ b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/AdvancedSettings.tsx @@ -5,7 +5,6 @@ import { AccordionContent, AccordionItem, AccordionTrigger, - Badge, FormControl, FormField, FormInputGroupInput, @@ -42,8 +41,8 @@ export const AdvancedSettings = ({ }) => { const handleNumberChange = (field: { onChange: (value?: number) => void }) => (e: ChangeEvent) => { - const val = e.target.value - field.onChange(val === '' ? undefined : Number(val)) + const parsed = e.target.valueAsNumber + field.onChange(e.target.value === '' || Number.isNaN(parsed) ? undefined : parsed) } return ( @@ -59,7 +58,6 @@ export const AdvancedSettings = ({ - {/* Batch wait time - applies to all destinations */} {INVALIDATED_SLOT_BEHAVIOR_LABELS[field.value ?? 'error']} - +

Block startup

@@ -188,12 +186,7 @@ export const AdvancedSettings = ({ name="connectionPoolSize" render={({ field }) => ( - Connection pool size - BigQuery only - - } + label="Connection pool size" layout="horizontal" description="Number of BigQuery connections used for destination writes." > @@ -222,12 +215,7 @@ export const AdvancedSettings = ({ name="maxStalenessMins" render={({ field }) => ( - Maximum staleness - BigQuery only - - } + label="Maximum staleness" layout="horizontal" description="Set the maximum age of query results while BigQuery applies ongoing changes, or leave blank for the freshest results." >