fix: highlights in archive tabs.

makeplane · Jun 18, 2024 · 1996fa9 · 1996fa9
1 parent fe3f69f
commit 1996fa9
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/web/core/components/archives/archive-tabs-list.tsx b/web/core/components/archives/archive-tabs-list.tsx
@@ -11,7 +11,6 @@ export const ArchiveTabsList: FC = observer(() => {
   // router
   const { workspaceSlug, projectId } = useParams();
   const pathname = usePathname();
-  const activeTab = pathname.split("/").pop();
   // store hooks
   const { getProjectById } = useProject();
 
@@ -28,7 +27,7 @@ export const ArchiveTabsList: FC = observer(() => {
             <Link key={tab.key} href={`/${workspaceSlug}/projects/${projectId}/archives/${tab.key}`}>
               <span
                 className={`flex min-w-min flex-shrink-0 whitespace-nowrap border-b-2 py-3 px-4 text-sm font-medium outline-none ${
-                  tab.key === activeTab
+                  pathname.includes(tab.key)
                     ? "border-custom-primary-100 text-custom-primary-100"
                     : "border-transparent hover:border-custom-border-200 text-custom-text-300 hover:text-custom-text-400"
                 }`}