added client picker

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;