aboutsummaryrefslogtreecommitdiff
path: root/src/views
diff options
context:
space:
mode:
authorVidhu Kant Sharma <vidhukant@vidhukant.xyz>2022-10-05 22:16:53 +0530
committerVidhu Kant Sharma <vidhukant@vidhukant.xyz>2022-10-05 22:16:53 +0530
commita1534066073f3197623565d597e5126a5c01bff9 (patch)
tree01eef2bee4a4b9f01ac60b36949aa7624dbfd54c /src/views
parent94b86f4c333f1991c2d09c8ce02beaedf5abc721 (diff)
added client picker
Diffstat (limited to 'src/views')
-rw-r--r--src/views/homepage.js4
-rw-r--r--src/views/invoice/new.js45
2 files changed, 48 insertions, 1 deletions
diff --git a/src/views/homepage.js b/src/views/homepage.js
index fe32136..7ed89a0 100644
--- a/src/views/homepage.js
+++ b/src/views/homepage.js
@@ -15,11 +15,13 @@
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
+import { Link } from 'react-router-dom';
+
const HomePage = () => {
return (
<>
<h1>Welcome to OpenBills</h1>
- <p>Check out <a href="/manage">/manage</a></p>
+ <p>Check out <Link to="/manage">/manage</Link></p>
</>
);
}
diff --git a/src/views/invoice/new.js b/src/views/invoice/new.js
new file mode 100644
index 0000000..57f3094
--- /dev/null
+++ b/src/views/invoice/new.js
@@ -0,0 +1,45 @@
+/* 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 ClientPicker from '../../components/pickers/client-picker';
+import ItemPicker from '../../components/pickers/item-picker';
+
+import { InvoiceClient } from '../../classes/client';
+
+import { useState, useEffect } from 'react';
+
+const NewInvoicePage = () => {
+ const [client, setClient] = useState(new InvoiceClient());
+ const [shippingAddressId, setShippingAddressId] = useState(-1);
+
+ useEffect(() => {
+ setShippingAddressId(-1);
+ }, [client]);
+
+ return (
+ <>
+ <ClientPicker
+ client={client}
+ setClient={setClient}
+ shippingAddressId={shippingAddressId}
+ setShippingAddressId={setShippingAddressId}/>
+ <ItemPicker/>
+ </>
+ );
+}
+
+export default NewInvoicePage;