From a1534066073f3197623565d597e5126a5c01bff9 Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <vidhukant@vidhukant.xyz>
Date: Wed, 5 Oct 2022 22:16:53 +0530
Subject: added client picker

---
 src/views/homepage.js    |  4 +++-
 src/views/invoice/new.js | 45 +++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 48 insertions(+), 1 deletion(-)
 create mode 100644 src/views/invoice/new.js

(limited to 'src/views')

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;
-- 
cgit v1.2.3