From 5a217744b60545e04c4ad76523c3d2060eac90af Mon Sep 17 00:00:00 2001
From: "MSI\\derek" <abc@gmail.com>
Date: Tue, 10 Sep 2024 13:33:38 +0800
Subject: [PATCH] udpate

---
 src/components/InvoiceSearch/CreateInvoiceModal.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/InvoiceSearch/CreateInvoiceModal.tsx b/src/components/InvoiceSearch/CreateInvoiceModal.tsx
index 45339a5..a206fd1 100644
--- a/src/components/InvoiceSearch/CreateInvoiceModal.tsx
+++ b/src/components/InvoiceSearch/CreateInvoiceModal.tsx
@@ -13,10 +13,12 @@ import { useTranslation } from 'react-i18next';
 import { FormProvider, SubmitHandler, useForm } from 'react-hook-form';
 import { Check, Close } from "@mui/icons-material";
 import InvoiceTable from './InvoiceTable';
+import { ProjectResult } from '@/app/api/projects';
 
 interface Props {
   isOpen: boolean,
-  onClose: () => void;
+  onClose: () => void
+  projects: ProjectResult[]
 }
 
 const modalSx: SxProps= {
@@ -30,7 +32,7 @@ const modalSx: SxProps= {
   bgcolor: 'background.paper',
 };
 
-const CreateInvoiceModal: React.FC<Props> = ({isOpen, onClose}) => {
+const CreateInvoiceModal: React.FC<Props> = ({isOpen, onClose, projects}) => {
   const { t } = useTranslation()
   const formProps = useForm<any>();
 
@@ -61,7 +63,7 @@ const CreateInvoiceModal: React.FC<Props> = ({isOpen, onClose}) => {
                   marginBlock: 2,
                 }}
               >
-                <InvoiceTable/>
+                <InvoiceTable projects={projects}/>
               </Box>
               <CardActions sx={{ justifyContent: "flex-end" }}>
                 <Button