From a7965136d75c97bb6e2696c46a7d4a27dc33996c Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Wed, 7 Jul 2021 12:46:08 +0530
Subject: create basic menu for adding transport info
---
src/components/Pages/BillingPage.tsx | 13 ++++++++++++-
1 file changed, 12 insertions(+), 1 deletion(-)
(limited to 'src/components/Pages')
diff --git a/src/components/Pages/BillingPage.tsx b/src/components/Pages/BillingPage.tsx
index c88435b..9f98cb9 100644
--- a/src/components/Pages/BillingPage.tsx
+++ b/src/components/Pages/BillingPage.tsx
@@ -22,6 +22,8 @@ import InvoiceInfoMenu from "./../Menu/InvoiceInfoMenu";
import ItemsDisplay from "./../Display/ItemsDisplay";
import SummaryDisplay from "./../Display/SummaryDisplay";
+import TransportForm from "./../Form/Transport/TransportForm";
+
const BillingPage: React.FC = () => {
const [savedItems, getSavedItems] = useState<Item[]>([]);
const [savedPeople, getSavedPeople] = useState<Person[]>([]);
@@ -29,6 +31,7 @@ const BillingPage: React.FC = () => {
const [registerPersonFormVisibility, setRegisterPersonFormVisibility] = useState<boolean>(false);
const [items, setItems] = useState<Item[]>([]);
const [invoiceNumber, setInvoiceNumber] = useState<number>(1234); // get data from backend
+ const [showTransportForm, setShowTransportForm] = useState<boolean>(false);
const getRegisteredItems = () =>
axios.get(`/api/items/get-all`)
@@ -69,6 +72,12 @@ const BillingPage: React.FC = () => {
/>
}
+ {showTransportForm &&
+ <TransportForm
+ setVisibility={setShowTransportForm}
+ />
+ }
+
<DocumentInfoForm
savedPeople={savedPeople}
invoiceNumber={invoiceNumber}
@@ -89,7 +98,9 @@ const BillingPage: React.FC = () => {
/>
<div className={"BillingPageFlex"}>
- <InvoiceInfoMenu/>
+ <InvoiceInfoMenu
+ setShowTransportForm={setShowTransportForm}
+ />
<SummaryDisplay items={items}/>
</div>
</>
--
cgit v1.2.3