feat: disable input and buttons

This ensures that the user cannot add a new task while another one is in progress.
devgustavosantos · Aug 14, 2024 · ed203b7 · ed203b7
1 parent 3d62686
commit ed203b7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
@@ -35,13 +35,15 @@ export function Home() {
             placeholder="Dê um nome para o seu projeto"
             list="suggestions"
             {...taskNameRegister}
+            disabled={!!tasks.current}
           />
           durante
           <S.MinutesContainer>
             <S.MinutesButtons
               type="button"
               title="Diminuir o tempo desejado"
               onClick={() => handleDesiredTimeOnClick(false)}
+              disabled={!!tasks.current}
             >
               <Minus />
             </S.MinutesButtons>
@@ -51,11 +53,13 @@ export function Home() {
               max={TASK.desiredTime.max}
               min={TASK.desiredTime.min}
               {...desiredTimeRegister}
+              disabled={!!tasks.current}
             />
             <S.MinutesButtons
               type="button"
               title="Aumentar o tempo desejado"
               onClick={() => handleDesiredTimeOnClick(true)}
+              disabled={!!tasks.current}
             >
               <Plus />
             </S.MinutesButtons>

diff --git a/src/styles/global.ts b/src/styles/global.ts
@@ -41,7 +41,8 @@ export const Global = createGlobalStyle`
   }
 
   button,
-  a {
+  a,
+  input {
     &:disabled,
     &:hover {
       filter: brightness(0.8);