From e5ed0ef29d2aa6cf820bb59edc25f8977f4a1a26 Mon Sep 17 00:00:00 2001
From: ImAlpha <arcticjcb@gmail.com>
Date: Wed, 21 Aug 2024 19:07:51 -0700
Subject: [PATCH] fixed order form not resetting

---
 backend/__pycache__/config.cpython-312.pyc | Bin 1619 -> 1600 bytes
 backend/instance/mydatabase.db             | Bin 24576 -> 24576 bytes
 frontend/src/app/page.tsx                  |  56 +++++++++++++--------
 3 files changed, 34 insertions(+), 22 deletions(-)

diff --git a/backend/__pycache__/config.cpython-312.pyc b/backend/__pycache__/config.cpython-312.pyc
index 36d4222bc9f5d20353ce1652cc8fd4f22d76ab58..ed6f7e27a97cd9d928c799679537f9ceb2553a45 100644
GIT binary patch
delta 63
zcmcc2bAX5YG%qg~0}w1vJhqX0Ju@dqX+chYVoI_8<}1vpjEww~tys?qK2X$dU~cDX
S<hsBudyzrz1J`6}HVXi22oqxf

delta 82
zcmX@WbD4+xG%qg~0}z~ia%3a-dS)p}Jw5%jqWrv))Vvh^g3_d%%w+wf#FFF;!_9}8
lQyCcrCu_2v6aK))pk&*?+|Jd=b%9&<B7@uqj>#Ns7646E8S(%C

diff --git a/backend/instance/mydatabase.db b/backend/instance/mydatabase.db
index 7e8c98f3be5027a67a3fcdd61a015598d71a7359..98fc18b4cc5b2260029f1eb005e02978800e3f2e 100644
GIT binary patch
delta 243
zcmZoTz}Rqrae_3Xz(g5mMuCk9OZ??{`CJ(Iukx?rZ{d&Qx8zsm`^k5MZx`QmzDm9r
zK9|jc0!n=KV!SL2%F?Cfr4B%>mz<xQmS37!T#zQs!@{5~o0eFd;*ge8oS2mjmP;v4
z%&*KWmEmS#P*+YXPDyk~0}6qqfSjzH?EK8qbVV+ptZr&$szXU;dTJ3!7RXV^Pg5w#
zNL2uf$#AkTXet6tH*-kKtb`kpSdgDtSyGfL&%wfAC|{CVT#}iW?oeD(1f)R5Kv<b+
Lm79OYu`>byl`u}U

delta 48
zcmZoTz}Rqrae_1>*F+g-My`zsOZ<h{`F=9+U*%uL-@+fqZ^^IB_j9wLz+=A6KjYXL
E0dipvO#lD@

diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 8900bb4..e1c7f46 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -18,23 +18,27 @@ const Popp = Poppins({ weight: "400", subsets: ["latin"] });
 export default function Home() {
   const [email, setEmail] = React.useState<string>("");
   const [order, setOrder] = React.useState<string>("");
-
-
-  const [isOpen, setIsOpen] = React.useState(false);
-  const [showPortal, setShowPortal] = React.useState(false);
-  const handleModal = () => {
-    setShowPortal(!showPortal);
-  };
-
+  const [records, setRecords] = React.useState<any>([]);
+  const [formValues, setFormValues] = React.useState({
+    emails: "",
+    orders: "",
+  });
 
   async function newOrder(event: React.FormEvent<HTMLFormElement>) {
     event.preventDefault();
-    const response = await fetch("http://192.168.50.107:5580/new-order", {
+    const formData = new FormData(event.currentTarget);
+    const payload = Object.fromEntries(formData);
+    // console.log(payload)
+    // console.log(JSON.stringify(payload))
+    // console.log({email:formData.get("email"), order:formData.get("order")})
+
+    // const response = await fetch("http://192.168.50.107:5580/new-order", {
+    const response = await fetch("http://localhost:5080/new-order", {
       method: "POST",
       headers: {
-        'Content-type': 'application/json',
-    },
-      body: JSON.stringify({email:email, order:order }),
+        "Content-type": "application/json",
+      },
+      body: JSON.stringify(payload),
     })
       .then((response) => response.json())
       .then((data) => {
@@ -43,6 +47,12 @@ export default function Home() {
       .catch((error) => {
         console.error(error);
       });
+
+    setRecords([...records, formValues]);
+    setFormValues({
+      emails: "",
+      orders: "",
+    });
   }
 
   return (
@@ -60,13 +70,6 @@ export default function Home() {
         <MenuCard Menu={Product} />
       </div>
 
-      {/* <div>
-        <Button onClick={() => setIsOpen(true)}>Open Modal</Button>
-        <Modal open={isOpen} onClose={() => setIsOpen(false)}>
-          Fancy Modal
-        </Modal>
-      </div> */}
-
       <form
         className="mt-10 flex flex-col w-full items-center gap-4"
         // action={async (formData) => {
@@ -78,17 +81,26 @@ export default function Home() {
         <input
           className="h-14 px-4 rounded-lg border-black bg-slate-600 lg:w-1/3 md:w-1/2 text-[#EEEEEE]"
           type="email"
-          onChange={(e) => setEmail(e.target.value)}
+          // onChange={(e) => setEmail(e.target.value)}
+          value={formValues.emails}
+          onChange={(e) =>
+            setFormValues({ ...formValues, emails: e.target.value })
+          }
           required
           maxLength={500}
           placeholder="Your email"
-          name="senderEmail"
+          // name="senderEmail"
+          name="email"
         />
 
         <textarea
           className="h-52 my-3 rounded-lg lg:w-1/3 md:w-1/2 bg-slate-600 p-4 text-[#EEEEEE]"
           name="order"
-          onChange={(e) => setOrder(e.target.value)}
+          // onChange={(e) => setOrder(e.target.value)}
+          value={formValues.orders}
+          onChange={(e) =>
+            setFormValues({ ...formValues, orders: e.target.value })
+          }
           placeholder="Your order"
           required
           maxLength={500}