[WEB-1635] style: fix vertical section tabs highlights. (#4855)

* [WEB-1635] style: fix vertical section tabs highlights.

* fix: highlights in archive tabs.
This commit is contained in:
Prateek Shourya 2024-06-18 16:59:15 +05:30 committed by GitHub
parent e43b4b3d47
commit c8736f13ec
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 23 additions and 24 deletions

View file

@ -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"
}`}