Fix form trimming (#95)

multiprocessio · Nov 17, 2021 · 1db0d8c · 1db0d8c
1 parent 6be0002
commit 1db0d8c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/ui/components/Input.tsx b/ui/components/Input.tsx
@@ -72,8 +72,8 @@ export function Input({
   );
 
   function removeOuterWhitespaceOnFinish() {
-    if (typeof value === 'string') {
-      setLocalValue(value.trim());
+    if (typeof localValue === 'string') {
+      setLocalValue(localValue.trim());
     }
   }
 

diff --git a/ui/connectors/GenericDetails.tsx b/ui/connectors/GenericDetails.tsx
@@ -14,15 +14,16 @@ export interface GenericDetailsProps {
 }
 
 export function GenericDetails(props: GenericDetailsProps) {
-  const { servers, connector, updateConnector } = props;
-  const { skipDatabase, ...passalong } = props;
+  const { servers, connector, updateConnector, skipDatabase } = props;
 
   return (
     <React.Fragment>
-      <Host {...passalong} />
-      {skipDatabase ? null : <Database {...passalong} connector={connector} />}
-      <Username {...passalong} connector={connector} />
-      <Password {...passalong} connector={connector} />
+      <Host connector={connector} updateConnector={updateConnector} />
+      {skipDatabase ? null : (
+        <Database connector={connector} updateConnector={updateConnector} />
+      )}
+      <Username connector={connector} updateConnector={updateConnector} />
+      <Password connector={connector} updateConnector={updateConnector} />
       <ServerPicker
         servers={servers}
         serverId={connector.serverId}
@@ -36,5 +37,10 @@ export function GenericDetails(props: GenericDetailsProps) {
 }
 
 export const GenericNoDatabaseDetails = (props: GenericDetailsProps) => (
-  <GenericDetails {...props} skipDatabase />
+  <GenericDetails
+    connector={props.connector}
+    updateConnector={props.updateConnector}
+    servers={props.servers}
+    skipDatabase
+  />
 );