diff options
author | MikunoNaka <bokuwakanojogahoshii@yahoo.com> | 2021-06-24 15:53:42 +0530 |
---|---|---|
committer | MikunoNaka <bokuwakanojogahoshii@yahoo.com> | 2021-06-24 15:53:42 +0530 |
commit | 5329b1fd16d0b8940f9526b523676dfb1cdbf317 (patch) | |
tree | d65963f6a797e72c2fae8332568bddc00d2293a9 /src/components/Pages/BillingPage.js | |
parent | e21a1c15a2e4bf3e51cdd7a5671bbfee5837ef13 (diff) |
switching to typescript
Diffstat (limited to 'src/components/Pages/BillingPage.js')
-rw-r--r-- | src/components/Pages/BillingPage.js | 93 |
1 files changed, 0 insertions, 93 deletions
diff --git a/src/components/Pages/BillingPage.js b/src/components/Pages/BillingPage.js deleted file mode 100644 index abb7b7d..0000000 --- a/src/components/Pages/BillingPage.js +++ /dev/null @@ -1,93 +0,0 @@ -/* - * OpenBills - Self hosted browser app to generate and keep track of simple invoices - * Version - 0 - * Licensed under the MIT license - https://opensource.org/licenses/MIT - * - * Copyright (c) 2021 Vidhu Kant Sharma -*/ - -import React, { useState, useEffect } from "react"; -import axios from "axios"; - -import AddNewItemForm from "./../Form/Items/AddNewItemForm"; -import RegisterItemForm from "./../Form/Items/RegisterItemForm"; - -import RegisterPersonForm from "./../Form/People/RegisterPersonForm"; - -import DocumentInfoForm from "./../Form/Document/DocumentInfoForm"; -import MetaInfoForm from "./../Form/MetaInfoForm"; - -import ItemsDisplay from "./../Display/ItemsDisplay"; -import SummaryDisplay from "./../Display/SummaryDisplay"; - -const BillingPage = () => { - const [savedItems, getSavedItems] = useState([]); - const [savedPeople, getSavedPeople] = useState([]); - const [registerItemFormVisibility, setRegisterItemFormVisibility] = useState(false); - const [registerPersonFormVisibility, setRegisterPersonFormVisibility] = useState(false); - const [items, setItems] = useState([]); - - const getRegisteredItems = () => - axios.get(`/api/items/get-all`) - .then((res) => getSavedItems(res.data)) - .catch((res) => console.log(res)); - - const getRegisteredPeople = () => - axios.get(`/api/people/get-all`) - .then((res) => getSavedPeople(res.data)) - .catch((res) => console.log(res)); - - // get data from server on startup - useEffect(() => { - getRegisteredItems(); - getRegisteredPeople(); - }, []); - // TODO: to be handled by backend - const defGSTValue = 18; - - // update the items from AddNewItemForm - const getItems = (item) => setItems([...items, item]); - - return ( - <> - {registerItemFormVisibility && - <RegisterItemForm - defGSTValue={defGSTValue} - updateItemsList={getRegisteredItems} - setVisibility={setRegisterItemFormVisibility} - /> - } - - {registerPersonFormVisibility && - <RegisterPersonForm - updateItemsList={getRegisteredItems} - setVisibility={setRegisterPersonFormVisibility} - /> - } - - <DocumentInfoForm - savedPeople={savedPeople} - /> - - <AddNewItemForm - savedItems={savedItems} - addItem={getItems} - defGSTValue={defGSTValue} - registerItemFormVisibility={setRegisterItemFormVisibility} - registerPersonFormVisibility={setRegisterPersonFormVisibility} - /> - - <ItemsDisplay - items={items} - defGSTValue={defGSTValue} - /> - - <div className={"BillingPageFlex"}> - <MetaInfoForm/> - <SummaryDisplay items={items}/> - </div> - </> - ); -} - -export default BillingPage; |