fix: menu text color

deriv-com · Dec 26, 2023 · 9ae3d3b · 9ae3d3b
1 parent d193d9a
commit 9ae3d3b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/libs/blocks/src/lib/navigation/desktop/desktop.nav-item.tsx b/libs/blocks/src/lib/navigation/desktop/desktop.nav-item.tsx
@@ -18,7 +18,7 @@ export const DesktopNavItem: React.FC<DesktopNavItemProps> = ({
   const { setShowLangContent } = useLanguageSwitcher();
   const [isActive, setIsActive] = useState(false);
   useEffect(() => {
-    if (item.type === 'direct') {
+    if (item.type === 'direct' && typeof window !== undefined) {
       const { pathname } = window.location;
       setIsActive(
         removeTrailingSlash(pathname) === removeTrailingSlash(item.href),
@@ -39,7 +39,7 @@ export const DesktopNavItem: React.FC<DesktopNavItemProps> = ({
       >
         {item.type === 'direct' ? (
           <CustomLink
-            className="group-hover:text-typography-prominent aria-[current=true]:text-typography-prominent"
+            className="text-typography-default group-hover:text-typography-prominent aria-[current=true]:text-typography-prominent"
             href={item.href}
             hasHoverDecoration={false}
             onMouseEnter={() => {

diff --git a/libs/blocks/src/lib/navigation/mobile/mobile.nav-link.tsx b/libs/blocks/src/lib/navigation/mobile/mobile.nav-link.tsx
@@ -20,6 +20,7 @@ export const MobileNavLink: React.FC<MobileNavLinkProps> = ({
       href={item.href}
       hasHoverDecoration={false}
       className={qtMerge(
+        'text-typography-default',
         'py-general-sm text-body-md font-bold leading-body-md',
         'hover:text-typography-prominent',
         className,