From ac0e9932bed474183e8fb404c7a7d972b6145ef3 Mon Sep 17 00:00:00 2001
From: Prince Muel <vansomecsam@gmail.com>
Date: Thu, 11 May 2023 16:56:05 +0100
Subject: [PATCH] fix: resolve build issue due to type-check errors

Reference-to: #48, #49, #51
Signed-off-by: Prince Muel <vansomecsam@gmail.com>
---
 src/@types/index.d.ts                     | 2 +-
 src/components/organisms/edit-invoice.tsx | 9 +++++----
 src/components/organisms/new-invoice.tsx  | 7 ++++---
 src/providers/index.tsx                   | 4 ++--
 4 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/@types/index.d.ts b/src/@types/index.d.ts
index 66cff5a..2560f76 100644
--- a/src/@types/index.d.ts
+++ b/src/@types/index.d.ts
@@ -86,7 +86,7 @@ export declare namespace Project {
     clientEmail: string;
     clientName: string;
     description: string;
-    items: ILineItem[];
+    items: [ILineItem, ...ILineItem[]];
     senderAddress: IAddress;
     issueDate?: string | undefined;
     paymentDue?: string | undefined;
diff --git a/src/components/organisms/edit-invoice.tsx b/src/components/organisms/edit-invoice.tsx
index 864ff65..c421ad4 100644
--- a/src/components/organisms/edit-invoice.tsx
+++ b/src/components/organisms/edit-invoice.tsx
@@ -80,7 +80,7 @@ const EditInvoiceForm = (props: Props) => {
         country: invoice?.senderAddress?.country || '',
         postCode: invoice?.senderAddress?.postCode || '',
       },
-      //@ts-expect-error
+      //@ts-expect-error ignore expected error
       status: invoice?.status || 'PENDING',
       total: invoice?.total || 0,
     },
@@ -97,7 +97,7 @@ const EditInvoiceForm = (props: Props) => {
         const dueTime = selectedDate.valueOf() + duration;
 
         draft.paymentDue = new Date(dueTime).toISOString();
-        //@ts-expect-error
+        //@ts-expect-error ignore expected error
         draft.status = status;
 
         for (const item of draft?.items) {
@@ -113,7 +113,7 @@ const EditInvoiceForm = (props: Props) => {
         throw new Error(JSON.stringify(result.error));
       }
 
-      // @ts-expect-error
+      //@ts-expect-error ignore expected error
       updateInvoice({ input: draft, where: { id: invoiceId } });
       methods.reset();
     } catch (error) {
@@ -291,7 +291,7 @@ const EditInvoiceForm = (props: Props) => {
               Item List
             </legend>
 
-            {/* @ts-expect-error */}
+            {/* @ts-expect-error ignore expected errorerror */}
             <EditItemList methods={methods} invoice={invoice} />
           </fieldset>
           {/*<!--------- ITEM DETAILS END ---------!>*/}
@@ -309,6 +309,7 @@ const EditInvoiceForm = (props: Props) => {
             <button
               type='submit'
               className='btn body-100 bg-brand-500 px-8 py-6 font-bold text-neutral-100'
+              disabled={!isSubmittable}
               onClick={() => void setStatus('PENDING')}
             >
               Save Changes
diff --git a/src/components/organisms/new-invoice.tsx b/src/components/organisms/new-invoice.tsx
index 9199064..7e946ee 100644
--- a/src/components/organisms/new-invoice.tsx
+++ b/src/components/organisms/new-invoice.tsx
@@ -39,7 +39,7 @@ const NewInvoiceForm = (props: Props) => {
     return () => {
       subscription.unsubscribe();
     };
-  }, [methods.watch]);
+  }, [methods]);
 
   const { user } = useAuthState();
   const navigate = useNavigate();
@@ -78,7 +78,7 @@ const NewInvoiceForm = (props: Props) => {
       }
 
       console.table(draft);
-      //@ts-expect-error
+      //@ts-expect-error ignore expected error
       createInvoice({ input: draft });
       methods.reset();
     } catch (error) {
@@ -276,13 +276,14 @@ const NewInvoiceForm = (props: Props) => {
             <button
               type='submit'
               className='btn body-100 bg-[#373B53] px-6 py-6 font-bold text-brand-300 hover:bg-brand-900'
+              disabled={!isSubmittable}
               onClick={() => void setStatus('DRAFT')}
             >
               Save as draft
             </button>
             <button
               type='submit'
-              // disabled={!isSubmittable}
+              disabled={!isSubmittable}
               className='btn body-100 bg-brand-500 px-6 py-6 font-bold text-neutral-100 hover:bg-brand-200'
               onClick={() => void setStatus('PENDING')}
             >
diff --git a/src/providers/index.tsx b/src/providers/index.tsx
index ea3d490..e13877e 100644
--- a/src/providers/index.tsx
+++ b/src/providers/index.tsx
@@ -42,7 +42,7 @@ const Providers = (props: Props) => {
 
         queryCache: new QueryCache({
           // onSuccess: (data) => {
-          //   //@ts-expect-error
+          // //@ts-expect-error ignore expected error
           //   toast.success(data.message);
           // },
           onError: (error, query) => {
@@ -55,7 +55,7 @@ const Providers = (props: Props) => {
         // configure global cache callbacks to show toast notifications
         mutationCache: new MutationCache({
           // onSuccess: (data) => {
-          //   //@ts-expect-error
+          // //@ts-expect-error ignore expected error
           //   toast.success(data.message);
           // },
           onError: (error, variables, context, mutation) => {