fix: visual bug in the desired time input

Now, when starting the application, the placeholder text is shown to the user.
devgustavosantos · Jul 22, 2024 · f51e202 · f51e202
1 parent 36178a0
commit f51e202
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/pages/Home/hook.ts b/src/pages/Home/hook.ts
@@ -4,12 +4,14 @@ import { DESIRED_TIME } from './utils';
 
 export function useHome() {
   const [taskName, setTaskName] = useState('');
-  const [desiredTime, setDesiredTime] = useState(0);
+  const [desiredTime, setDesiredTime] = useState<number | undefined>(undefined);
 
   function handleDesiredTime(add: boolean) {
+    const currentValue = desiredTime ?? 0;
+
     const chosenTime = add
-      ? desiredTime + DESIRED_TIME.step
-      : desiredTime - DESIRED_TIME.step;
+      ? currentValue + DESIRED_TIME.step
+      : currentValue - DESIRED_TIME.step;
 
     if (chosenTime <= DESIRED_TIME.min) {
       setDesiredTime(DESIRED_TIME.min);