No input sync on project create view (#171)

multiprocessio · Feb 6, 2022 · a2ddca6 · a2ddca6
1 parent 834dbd6
commit a2ddca6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/ui/MakeSelectProject.tsx b/ui/MakeSelectProject.tsx
@@ -69,6 +69,7 @@ export function MakeSelectProject() {
       <p>Pick a name for this project to get started.</p>
       <div className="form-row">
         <Input
+          noDelay
           value={projectNameTmp}
           label="Project name"
           onChange={(v) => setProjectNameTmp(v)}

diff --git a/ui/components/Input.tsx b/ui/components/Input.tsx
@@ -60,6 +60,7 @@ export interface InputProps
   defaultValue?: string;
   tooltip?: React.ReactNode;
   invalid?: React.ReactNode;
+  noDelay?: boolean;
 }
 
 export function Input({
@@ -70,6 +71,7 @@ export function Input({
   label,
   autoWidth,
   type,
+  noDelay,
   defaultValue,
   tooltip,
   ...props
@@ -79,7 +81,7 @@ export function Input({
   const [localValue, setLocalValue, flushLocalValue] = useDebouncedLocalState(
     value,
     onChange,
-    type !== 'checkbox' && type !== 'radio',
+    type !== 'checkbox' && type !== 'radio' && !noDelay,
     INPUT_SYNC_PERIOD,
     defaultValue
   );