From b4bae9ae18270b4033e632f7176a51c345ec1b51 Mon Sep 17 00:00:00 2001
From: NotII <46204250+NotII@users.noreply.github.com>
Date: Mon, 21 Apr 2025 15:32:08 +0100
Subject: [PATCH] update orders page

---
 app/dashboard/storefront/page.tsx | 40 +++++++++++++++++++++++++++----
 1 file changed, 35 insertions(+), 5 deletions(-)

diff --git a/app/dashboard/storefront/page.tsx b/app/dashboard/storefront/page.tsx
index c174b0d..6d1a7d3 100644
--- a/app/dashboard/storefront/page.tsx
+++ b/app/dashboard/storefront/page.tsx
@@ -35,6 +35,7 @@ interface Storefront {
   shipsFrom: typeof SHIPPING_REGIONS[number]["value"];
   shipsTo: typeof SHIPPING_REGIONS[number]["value"];
   storePolicy: string;
+  isEnabled: boolean;
   wallets: {
     bitcoin?: string;
     litecoin: string;
@@ -83,6 +84,7 @@ export default function StorefrontPage() {
     shipsFrom: "UK",
     shipsTo: "WW",
     storePolicy: "",
+    isEnabled: false,
     wallets: {
       bitcoin: '',
       litecoin: '',
@@ -121,6 +123,7 @@ export default function StorefrontPage() {
           shipsFrom: data.shipsFrom || "UK",
           shipsTo: data.shipsTo || "WW",
           storePolicy: data.storePolicy || "",
+          isEnabled: data.isEnabled || false,
           wallets: {
             bitcoin: data.wallets?.bitcoin || '',
             litecoin: data.wallets?.litecoin || '',
@@ -145,7 +148,7 @@ export default function StorefrontPage() {
   const handleInputChange = (
     e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
   ) => {
-    setStorefront({ ...storefront, [e.target.name]: e.target.value });
+    setStorefront(prev => ({ ...prev, [e.target.name]: e.target.value }));
   };
 
   const saveStorefront = async () => {
@@ -164,10 +167,37 @@ export default function StorefrontPage() {
     <Dashboard>
       <div className="space-y-6">
         <div className="flex items-center justify-between">
-          <h1 className="text-2xl font-semibold text-gray-900 dark:text-white flex items-center">
-            <Globe className="mr-2 h-6 w-6" />
-            Storefront Settings
-          </h1>
+          <div className="flex items-center gap-6">
+            <h1 className="text-2xl font-semibold text-gray-900 dark:text-white flex items-center">
+              <Globe className="mr-2 h-6 w-6" />
+              Storefront Settings
+            </h1>
+            <div className="flex items-center gap-2">
+              <TooltipProvider>
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <div className="flex items-center gap-2">
+                      <Switch
+                        checked={storefront.isEnabled}
+                        onCheckedChange={(checked) =>
+                          setStorefront((prev) => ({
+                            ...prev,
+                            isEnabled: checked,
+                          }))
+                        }
+                      />
+                      <span className={`text-sm font-medium ${storefront.isEnabled ? 'text-emerald-400' : 'text-zinc-400'}`}>
+                        {storefront.isEnabled ? 'Store Open' : 'Store Closed'}
+                      </span>
+                    </div>
+                  </TooltipTrigger>
+                  <TooltipContent>
+                    <p>{storefront.isEnabled ? 'Click to close store' : 'Click to open store'}</p>
+                  </TooltipContent>
+                </Tooltip>
+              </TooltipProvider>
+            </div>
+          </div>
           <div className="flex gap-2">
             <Button
               variant="outline"