diff options
author | MikunoNaka <bokuwakanojogahoshii@yahoo.com> | 2021-06-15 15:44:20 +0530 |
---|---|---|
committer | MikunoNaka <bokuwakanojogahoshii@yahoo.com> | 2021-06-15 15:44:20 +0530 |
commit | 4f67c1cca24ac93f5e8b7a9108c028e6c2794d74 (patch) | |
tree | 3c6192a547a62ef7ddf3196dfc90142a96d833b0 /src/components/BillingPage.js | |
parent | d43f26a0fa7736f66636b1e40464d7d5b53954ae (diff) |
created new Home Page
Diffstat (limited to 'src/components/BillingPage.js')
-rw-r--r-- | src/components/BillingPage.js | 93 |
1 files changed, 0 insertions, 93 deletions
diff --git a/src/components/BillingPage.js b/src/components/BillingPage.js deleted file mode 100644 index cb9e74c..0000000 --- a/src/components/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; |