From 3cdbb948da6208044345698b71d2a2eb771753e6 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Mon, 18 Dec 2023 00:37:15 +0800
Subject: [PATCH] feat: add status page edit action in admin list

---
 src/client/components/monitor/StatusPage/index.tsx | 4 +++-
 src/client/pages/Monitor/PageList.tsx              | 5 ++++-
 src/client/pages/Monitor/index.tsx                 | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/client/components/monitor/StatusPage/index.tsx b/src/client/components/monitor/StatusPage/index.tsx
index 3f86ca6..e0babb4 100644
--- a/src/client/components/monitor/StatusPage/index.tsx
+++ b/src/client/components/monitor/StatusPage/index.tsx
@@ -28,7 +28,9 @@ export const MonitorStatusPage: React.FC<MonitorStatusPageProps> = React.memo(
     const navigate = useNavigate();
 
     const allowEdit = useAllowEdit(info?.workspaceId);
-    const [editMode, setEditMode] = useState(false);
+    const [editMode, setEditMode] = useState(() => {
+      return new URLSearchParams(window.location.search).has('edit');
+    });
 
     const monitorList = info?.monitorList ?? [];
 
diff --git a/src/client/pages/Monitor/PageList.tsx b/src/client/pages/Monitor/PageList.tsx
index 15f61a9..2f820bd 100644
--- a/src/client/pages/Monitor/PageList.tsx
+++ b/src/client/pages/Monitor/PageList.tsx
@@ -28,7 +28,10 @@ export const MonitorPageList: React.FC = React.memo(() => {
                   icon={<EyeOutlined />}
                   onClick={() => navigate(`/status/${p.slug}`)}
                 />
-                <Button icon={<EditOutlined />} />
+                <Button
+                  icon={<EditOutlined />}
+                  onClick={() => navigate(`/status/${p.slug}?edit=1`)}
+                />
               </div>
             </div>
           </Card>
diff --git a/src/client/pages/Monitor/index.tsx b/src/client/pages/Monitor/index.tsx
index 8914bf2..6bb489e 100644
--- a/src/client/pages/Monitor/index.tsx
+++ b/src/client/pages/Monitor/index.tsx
@@ -33,7 +33,7 @@ export const MonitorPage: React.FC = React.memo(() => {
         </div>
       </div>
       <div className="py-5 flex flex-1 overflow-hidden">
-        <div className="w-5/12 bg-gray-50 dark:bg-gray-800">
+        <div className="w-5/12 rounded bg-gray-50 dark:bg-gray-800">
           <MonitorList />
         </div>
         <div className="w-7/12">