From d31d20364ef214de9f4e1c9f864303c7d440a63c Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Mon, 6 May 2024 00:23:26 +0800
Subject: [PATCH] feat: add add page selected state for add button in sidebar
 header

---
 src/client/routes/monitor.tsx   | 2 ++
 src/client/routes/page.tsx      | 2 ++
 src/client/routes/telemetry.tsx | 2 ++
 src/client/routes/website.tsx   | 1 +
 4 files changed, 7 insertions(+)

diff --git a/src/client/routes/monitor.tsx b/src/client/routes/monitor.tsx
index 18c9bc3..54d8b4e 100644
--- a/src/client/routes/monitor.tsx
+++ b/src/client/routes/monitor.tsx
@@ -9,6 +9,7 @@ import { useEvent } from '@/hooks/useEvent';
 import { LayoutV2 } from '@/pages/LayoutV2';
 import { useCurrentWorkspaceId } from '@/store/user';
 import { routeAuthBeforeLoad } from '@/utils/route';
+import { cn } from '@/utils/style';
 import { useTranslation } from '@i18next-toolkit/react';
 import {
   createFileRoute,
@@ -78,6 +79,7 @@ function MonitorComponent() {
               title={t('Monitor')}
               actions={
                 <Button
+                  className={cn(pathname === '/monitor/add' && '!bg-muted')}
                   variant="outline"
                   Icon={LuPlus}
                   onClick={handleClickAdd}
diff --git a/src/client/routes/page.tsx b/src/client/routes/page.tsx
index 6e78728..0f1c710 100644
--- a/src/client/routes/page.tsx
+++ b/src/client/routes/page.tsx
@@ -8,6 +8,7 @@ import { useEvent } from '@/hooks/useEvent';
 import { LayoutV2 } from '@/pages/LayoutV2';
 import { useCurrentWorkspaceId } from '@/store/user';
 import { routeAuthBeforeLoad } from '@/utils/route';
+import { cn } from '@/utils/style';
 import { useTranslation } from '@i18next-toolkit/react';
 import {
   createFileRoute,
@@ -68,6 +69,7 @@ function PageComponent() {
               title={t('Pages')}
               actions={
                 <Button
+                  className={cn(pathname === '/page/add' && '!bg-muted')}
                   variant="outline"
                   Icon={LuPlus}
                   onClick={handleClickAdd}
diff --git a/src/client/routes/telemetry.tsx b/src/client/routes/telemetry.tsx
index 4e77d8a..cab9075 100644
--- a/src/client/routes/telemetry.tsx
+++ b/src/client/routes/telemetry.tsx
@@ -8,6 +8,7 @@ import { useEvent } from '@/hooks/useEvent';
 import { LayoutV2 } from '@/pages/LayoutV2';
 import { useCurrentWorkspaceId } from '@/store/user';
 import { routeAuthBeforeLoad } from '@/utils/route';
+import { cn } from '@/utils/style';
 import { Trans, useTranslation } from '@i18next-toolkit/react';
 import {
   createFileRoute,
@@ -101,6 +102,7 @@ function TelemetryComponent() {
               }
               actions={
                 <Button
+                  className={cn(pathname === '/telemetry/add' && '!bg-muted')}
                   variant="outline"
                   Icon={LuPlus}
                   onClick={handleClickAdd}
diff --git a/src/client/routes/website.tsx b/src/client/routes/website.tsx
index d4514e9..6b7920b 100644
--- a/src/client/routes/website.tsx
+++ b/src/client/routes/website.tsx
@@ -81,6 +81,7 @@ function WebsiteComponent() {
                     {t('Overview')}
                   </Button>
                   <Button
+                    className={cn(pathname === '/website/add' && '!bg-muted')}
                     variant="outline"
                     size="icon"
                     Icon={LuPlus}