From 4b1d06eb430fd1af0b2dcefcda4067a29a869e32 Mon Sep 17 00:00:00 2001
From: Lucas de Lima Martins de Souza <lms.souza39@gmail.com>
Date: Tue, 16 Jan 2024 22:58:50 -0300
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20Remove=20loading=20compone?=
 =?UTF-8?q?nt=20and=20update=20submit=20button=20content=20=E2=99=BB?=
 =?UTF-8?q?=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Header/NewTransactionForm/index.tsx       | 25 ++++++++++---------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/components/Header/NewTransactionForm/index.tsx b/src/components/Header/NewTransactionForm/index.tsx
index 24da511..e527124 100644
--- a/src/components/Header/NewTransactionForm/index.tsx
+++ b/src/components/Header/NewTransactionForm/index.tsx
@@ -23,7 +23,7 @@ import {
 } from '../../../dto/transactions'
 import { Button } from '../../Button'
 import { useTransactions } from '../../../hook/useTransactions'
-import { Loading } from '../../Loading'
+// import { Loading } from '../../Loading'
 
 const newTransactionFormValidation = zod.object({
   description: zod.string().min(3, 'É necessário uma descrição válida!'),
@@ -60,7 +60,7 @@ type NewTransactionFormProps = {
 export function NewTransactionForm({
   onCloseModal,
 }: Readonly<NewTransactionFormProps>) {
-  const { handleAddNewTransaction, isAddTransactionLoading } = useTransactions()
+  const { handleAddNewTransaction } = useTransactions()
 
   const {
     register,
@@ -133,14 +133,15 @@ export function NewTransactionForm({
     onCloseModal()
   }
 
-  const submitButtonContent = isAddTransactionLoading ? (
-    <Loading
-      className={`border-white border-top-4-register
-    dark:border-zinc-900 dark:border-top-4-register`}
-    />
-  ) : (
-    'Cadastrar'
-  )
+  // This branch will not use json-server, but localStorage so don't need this
+  // const submitButtonContent = isAddTransactionLoading ? (
+  //   <Loading
+  //     className={`border-white border-top-4-register
+  //   dark:border-zinc-900 dark:border-top-4-register`}
+  //   />
+  // ) : (
+  //   'Cadastrar'
+  // )
 
   return (
     <form
@@ -219,9 +220,9 @@ export function NewTransactionForm({
         type="submit"
         variant="secondary"
         className="w-full"
-        disabled={isAddTransactionLoading}
+        // disabled={isAddTransactionLoading}
       >
-        {submitButtonContent}
+        Cadastrar
       </Button>
     </form>
   )