From e42c8583194af170abb8d509c70fcd93cee8a2a4 Mon Sep 17 00:00:00 2001
From: 01zulfi <85733202+01zulfi@users.noreply.github.com>
Date: Tue, 7 Jan 2025 11:52:13 +0500
Subject: [PATCH] web: refactor props for Tags component Signed-off-by: 01zulfi
 <85733202+01zulfi@users.noreply.github.com>

---
 apps/web/src/components/navigation-menu/index.tsx | 2 +-
 apps/web/src/navigation/routes.tsx                | 3 ---
 apps/web/src/views/tags.tsx                       | 6 +++---
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/components/navigation-menu/index.tsx b/apps/web/src/components/navigation-menu/index.tsx
index 09f441513..173a9a667 100644
--- a/apps/web/src/components/navigation-menu/index.tsx
+++ b/apps/web/src/components/navigation-menu/index.tsx
@@ -358,7 +358,7 @@ function NavigationMenu(props: NavigationMenuProps) {
             >
               {CREATE_BUTTON_MAP.tags.title}
             </Button>
-            <Tags location="sidebar" />
+            <Tags isSidebar />
           </Flex>
         ) : (
           <FlexScrollContainer
diff --git a/apps/web/src/navigation/routes.tsx b/apps/web/src/navigation/routes.tsx
index 3b2d284ef..b9c610f59 100644
--- a/apps/web/src/navigation/routes.tsx
+++ b/apps/web/src/navigation/routes.tsx
@@ -149,9 +149,6 @@ const routes = defineRoutes({
       title: strings.routes.Tags(),
       type: "tags",
       component: Tags,
-      props: {
-        location: "middle-pane"
-      },
       buttons: {
         create: CREATE_BUTTON_MAP.tags,
         search: {
diff --git a/apps/web/src/views/tags.tsx b/apps/web/src/views/tags.tsx
index c0c510019..28cbdec54 100644
--- a/apps/web/src/views/tags.tsx
+++ b/apps/web/src/views/tags.tsx
@@ -28,10 +28,10 @@ import { useEffect } from "react";
 import { navigate } from "../navigation";
 
 type Props = {
-  location: "middle-pane" | "sidebar";
+  isSidebar?: boolean;
 };
 
-function Tags({ location }: Props) {
+function Tags({ isSidebar }: Props) {
   useNavigate("tags", () => store.refresh());
   const tags = useStore((store) => store.tags);
   const refresh = useStore((store) => store.refresh);
@@ -40,7 +40,7 @@ function Tags({ location }: Props) {
   );
 
   useEffect(() => {
-    if (location === "sidebar") return;
+    if (isSidebar) return;
     tags?.item(0).then((item) => {
       if (item && item?.item) {
         navigate(`/tags/${item.item.id}`);