aboutsummaryrefslogtreecommitdiff
path: root/src/components/BillingPage.js
diff options
context:
space:
mode:
authorMikunoNaka <bokuwakanojogahoshii@yahoo.com>2021-06-15 15:44:20 +0530
committerMikunoNaka <bokuwakanojogahoshii@yahoo.com>2021-06-15 15:44:20 +0530
commit4f67c1cca24ac93f5e8b7a9108c028e6c2794d74 (patch)
tree3c6192a547a62ef7ddf3196dfc90142a96d833b0 /src/components/BillingPage.js
parentd43f26a0fa7736f66636b1e40464d7d5b53954ae (diff)
created new Home Page
Diffstat (limited to 'src/components/BillingPage.js')
-rw-r--r--src/components/BillingPage.js93
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;