aboutsummaryrefslogtreecommitdiff
path: root/src/components/Pages/BillingPage.js
diff options
context:
space:
mode:
authorMikunoNaka <bokuwakanojogahoshii@yahoo.com>2021-06-24 15:53:42 +0530
committerMikunoNaka <bokuwakanojogahoshii@yahoo.com>2021-06-24 15:53:42 +0530
commit5329b1fd16d0b8940f9526b523676dfb1cdbf317 (patch)
treed65963f6a797e72c2fae8332568bddc00d2293a9 /src/components/Pages/BillingPage.js
parente21a1c15a2e4bf3e51cdd7a5671bbfee5837ef13 (diff)
switching to typescript
Diffstat (limited to 'src/components/Pages/BillingPage.js')
-rw-r--r--src/components/Pages/BillingPage.js93
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;