diff options
Diffstat (limited to 'src/views')
-rw-r--r-- | src/views/manage/items.js | 46 | ||||
-rw-r--r-- | src/views/new-invoice.js | 33 |
2 files changed, 79 insertions, 0 deletions
diff --git a/src/views/manage/items.js b/src/views/manage/items.js new file mode 100644 index 0000000..3190504 --- /dev/null +++ b/src/views/manage/items.js @@ -0,0 +1,46 @@ +/* OpenBills-web - Web based libre billing software + * Copyright (C) 2022 Vidhu Kant Sharma <vidhukant@vidhukant.xyz> + + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + + * You should have received a copy of the GNU General Public License + * along with this program. If not, see <https://www.gnu.org/licenses/>. + */ + +/* This page shows a list of all the items + * with options to add/modify/delete items + */ + +import { useState, useEffect } from 'react'; + +import { getAllItems } from '../../classes/item'; +import ItemEditor from './../../components/editors/item-editor'; +import ItemTable from './../../components/tables/item-table'; + +const ManageItemsPage = () => { + const [allItems, setAllItems] = useState([]); + // TODO: handle error + const updateList = () => + getAllItems(setAllItems, () => {}); + + useEffect(() => { + updateList(); + }, []); + + return ( + <> + <ItemEditor callback={updateList}/> + <ItemTable refresh={updateList} items={allItems}/> + </> + ); +} + +export default ManageItemsPage; diff --git a/src/views/new-invoice.js b/src/views/new-invoice.js new file mode 100644 index 0000000..bba149a --- /dev/null +++ b/src/views/new-invoice.js @@ -0,0 +1,33 @@ +/* OpenBills-web - Web based libre billing software + * Copyright (C) 2022 Vidhu Kant Sharma <vidhukant@vidhukant.xyz> + + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + + * You should have received a copy of the GNU General Public License + * along with this program. If not, see <https://www.gnu.org/licenses/>. + */ + +import NewBrand from './../components/doc-editors/new-brand'; +import ItemEditor from './../components/doc-editors/item-editor'; + +const NewInvoicePage = () => { + return ( + <> + <h1>Billing Page</h1> + <h2>Add new brand:</h2> + <NewBrand/> + <h2>Add new item:</h2> + <ItemEditor/> + </> + ); +} + +export default NewInvoicePage; |