fix: add input value to Input component

HereEast · Sep 29, 2024 · aca92aa · aca92aa
1 parent 71e5aaa
commit aca92aa
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/client/src/components/CreateTaskForm.tsx b/client/src/components/CreateTaskForm.tsx
@@ -6,7 +6,7 @@ import { useAppContext } from "~/hooks";
 
 export function CreateTaskForm() {
   const { userId } = useAppContext();
-  
+
   const [taskTitle, setTaskTitle] = useState("");
 
   async function handleCreateTask(e: FormEvent<HTMLFormElement>) {
@@ -16,15 +16,16 @@ export function CreateTaskForm() {
       return;
     }
 
-    await createTask(userId, taskTitle);
     setTaskTitle("");
+    await createTask(userId, taskTitle);
   }
 
   return (
     <form onSubmit={handleCreateTask}>
       <div className="flex gap-2">
         <Input
           name="new-task"
+          value={taskTitle}
           placeholder="New task..."
           onChange={(e) => setTaskTitle(e.target.value)}
         />

diff --git a/client/src/components/ui/Input.tsx b/client/src/components/ui/Input.tsx
@@ -3,17 +3,19 @@ import { cn } from "~/utils";
 
 interface InputProps {
   name: string;
+  value?: string;
   placeholder: string;
   onChange: (e: ChangeEvent<HTMLInputElement>) => void;
   classes?: string;
 }
 
 export function Input(props: InputProps) {
-  const { name, placeholder, onChange, classes } = props;
+  const { name, value, placeholder, onChange, classes } = props;
 
   return (
     <input
       name={name}
+      value={value}
       placeholder={placeholder}
       onChange={onChange}
       className={cn("h-10 w-full rounded-md border px-4", classes || "")}