feat: add functionality to clear all data from the database

thedemonsid · Jan 1, 2025 · f895dde · f895dde
1 parent 4998867
commit f895dde
Show file tree

Hide file tree

Showing 7 changed files with 154 additions and 84 deletions.
diff --git a/src/electron/database/index.ts b/src/electron/database/index.ts
@@ -137,6 +137,20 @@ class RestaurantDB {
     );
     return response;
   }
+  //! Clear all data
+  public clearData() {
+    try {
+      this.db.exec("DELETE FROM MenuItem");
+      this.db.exec("DELETE FROM Expenses");
+      this.db.exec("DELETE FROM 'Order'");
+      this.db.exec("DELETE FROM OrderMenuItem");
+      return true;
+    } catch (error) {
+      console.error("Failed to clear data:", error);
+      return false;
+    }
+  }
+
   //! Close the database connection
   public close(): void {
     this.db.close();

diff --git a/src/electron/database/restaurant.db-shm b/src/electron/database/restaurant.db-shm
diff --git a/src/electron/database/restaurant.db-wal b/src/electron/database/restaurant.db-wal
diff --git a/src/electron/ipcHandlers.ts b/src/electron/ipcHandlers.ts
@@ -183,3 +183,13 @@ ipcMain.handle("restaurant:update-info", async (event, info) => {
     throw error;
   }
 });
+
+//! Clear all the Data
+ipcMain.handle("db:clear-all-data", async () => {
+  try {
+    return await RestaurantDB.clearData();
+  } catch (error) {
+    console.error("Failed to clear all data:", error);
+    throw error;
+  }
+});
diff --git a/src/electron/preload.cts b/src/electron/preload.cts
@@ -54,4 +54,7 @@ contextBridge.exposeInMainWorld("restaurant", {
     updateRestaurantInfo: (info: any) =>
       ipcRenderer.invoke("restaurant:update-info", info),
   },
+  db:{
+    clearData: (): Promise<boolean> => ipcRenderer.invoke("db:clear-all-data"),
+  }
 });
diff --git a/src/web/pages/settings.tsx b/src/web/pages/settings.tsx
@@ -1,6 +1,7 @@
 // Setting page to change restaurant name, address, and phone
 
 import { Button } from "@/components/ui/button";
+import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { toast } from "@/hooks/use-toast";
@@ -21,96 +22,135 @@ export default function Settings() {
     fetchRestaurantInfo();
   }, []);
   return (
-    <div className="p-4">
-      <h1 className="text-2xl font-bold mb-4">Settings</h1>
-      <form
-        onSubmit={async () => {
-          // first check for changes
+    <div className="p-4 flex flex-col gap-4 justify-between h-full">
+      <div>
+        {" "}
+        <h1 className="text-2xl font-bold mb-4">Settings</h1>
+        <form
+          onSubmit={async () => {
+            // first check for changes
 
-          const response =
-            await window.restaurant.restaurant.updateRestaurantInfo(
-              restaurantInfo
-            );
-          console.log(response);
+            const response =
+              await window.restaurant.restaurant.updateRestaurantInfo(
+                restaurantInfo
+              );
+            console.log(response);
 
-          if (response) {
-            console.log("Restaurant info updated successfully");
-          } else {
-            console.log("Failed to update restaurant info");
-          }
-        }}
-      >
-        <div className="grid grid-cols-4 gap-4">
-          <div className="grid grid-cols-4 items-center gap-4">
-            <Label htmlFor="name" className="text-right">
-              Restaurant name
-            </Label>
-            <Input
-              id="name"
-              value={restaurantInfo.name}
-              className="col-span-3"
-              onChange={(e) => {
-                setRestaurantInfo((prev) => ({
-                  ...prev,
-                  name: e.target.value,
-                }));
-              }}
-            />
-          </div>
-          <div className="grid grid-cols-4 items-center gap-4">
-            <Label htmlFor="address" className="text-right">
-              Address
-            </Label>
-            <Input
-              id="address"
-              value={restaurantInfo.address}
-              className="col-span-3"
-              onChange={(e) => {
-                setRestaurantInfo((prev) => ({
-                  ...prev,
-                  address: e.target.value,
-                }));
-              }}
-            />
-          </div>
-          <div className="grid grid-cols-4 items-center gap-4">
-            <Label htmlFor="phone" className="text-right">
-              Phone
-            </Label>
-            <Input
-              id="phone"
-              value={restaurantInfo.phone.join(",")}
-              className="col-span-3"
-              onChange={(e) => {
-                setRestaurantInfo((prev) => {
-                  return {
+            if (response) {
+              console.log("Restaurant info updated successfully");
+            } else {
+              console.log("Failed to update restaurant info");
+            }
+          }}
+        >
+          <div className="grid grid-cols-4 gap-4">
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="name" className="text-right">
+                Restaurant name
+              </Label>
+              <Input
+                id="name"
+                value={restaurantInfo.name}
+                className="col-span-3"
+                onChange={(e) => {
+                  setRestaurantInfo((prev) => ({
                     ...prev,
-                    phone: e.target.value.split(","),
-                  };
+                    name: e.target.value,
+                  }));
+                }}
+              />
+            </div>
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="address" className="text-right">
+                Address
+              </Label>
+              <Input
+                id="address"
+                value={restaurantInfo.address}
+                className="col-span-3"
+                onChange={(e) => {
+                  setRestaurantInfo((prev) => ({
+                    ...prev,
+                    address: e.target.value,
+                  }));
+                }}
+              />
+            </div>
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="phone" className="text-right">
+                Phone
+              </Label>
+              <Input
+                id="phone"
+                value={restaurantInfo.phone.join(",")}
+                className="col-span-3"
+                onChange={(e) => {
+                  setRestaurantInfo((prev) => {
+                    return {
+                      ...prev,
+                      phone: e.target.value.split(","),
+                    };
+                  });
+                }}
+              />
+            </div>
+          </div>
+          <div className="mt-4">
+            <Button
+              type="submit"
+              onClick={() => {
+                toast({
+                  title: "Settings saved",
+                  description: `New restaurant name: ${
+                    restaurantInfo.name
+                  }, address: ${
+                    restaurantInfo.address
+                  }, phone: ${restaurantInfo.phone.join(", ")}`,
+                  className: "bg-green-100",
                 });
               }}
-            />
+            >
+              Save
+            </Button>
+          </div>
+        </form>
+      </div>
+      <Dialog>
+        <DialogTrigger>
+          <Button variant={"secondary"}>Clear All Data</Button>
+        </DialogTrigger>
+        <DialogContent>
+          <div className="p-4">
+            <h2 className="text-2xl font-bold">Delete All Data</h2>
+            <p className="text-red-500">
+              This will delete all data including menu items, orders, and
+              expenses
+            </p>
+            <div className="mt-4">
+              <Button
+                onClick={async () => {
+                  const response = await window.restaurant.db.clearData();
+                  if (response) {
+                    toast({
+                      title: "Data cleared",
+                      description: "All data has been deleted",
+                      className: "bg-red-100",
+                    });
+                  } else {
+                    toast({
+                      title: "Failed to clear data",
+                      description: "Please try again",
+                      variant: "destructive",
+                    });
+                  }
+                }}
+              >
+                Clear Data
+              </Button>
+            </div>
           </div>
-        </div>
-        <div className="mt-4">
-          <Button
-            type="submit"
-            onClick={() => {
-              toast({
-                title: "Settings saved",
-                description: `New restaurant name: ${
-                  restaurantInfo.name
-                }, address: ${
-                  restaurantInfo.address
-                }, phone: ${restaurantInfo.phone.join(", ")}`,
-                className: "bg-green-100",
-              });
-            }}
-          >
-            Save
-          </Button>
-        </div>
-      </form>
+        </DialogContent>
+      </Dialog>
     </div>
   );
 }
diff --git a/types.d.ts b/types.d.ts
@@ -41,5 +41,8 @@ interface Window {
         phone: string[];
       }) => Promise<boolean>;
     };
+    db: {
+      clearData: () => Promise<boolean>;
+    };
   };
 }