refactor: mobile menu item title styles

neondatabase · Feb 6, 2025 · 919e4d2 · 919e4d2
1 parent b85cedd
commit 919e4d2
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/components/shared/header/mobile-menu/mobile-menu.jsx b/src/components/shared/header/mobile-menu/mobile-menu.jsx
@@ -44,12 +44,13 @@ const variants = {
   },
 };
 
-const getItemTitleStyles = (isDarkTheme, isMenuItemOpen) => {
-  if (isMenuItemOpen && isDarkTheme) return 'text-white';
-  if (!isMenuItemOpen && isDarkTheme) return 'text-gray-new-80';
-  if (isMenuItemOpen && !isDarkTheme) return 'text-black-new dark:text-white';
-  if (!isMenuItemOpen && !isDarkTheme) return 'text-gray-new-20 dark:text-gray-new-80';
-};
+const getItemTitleStyles = (isDarkTheme, isMenuItemOpen) =>
+  clsx({
+    'text-white': isMenuItemOpen && isDarkTheme,
+    'text-gray-new-80': !isMenuItemOpen && isDarkTheme,
+    'text-black-new dark:text-white': isMenuItemOpen && !isDarkTheme,
+    'text-gray-new-20 dark:text-gray-new-80': !isMenuItemOpen && !isDarkTheme,
+  });
 
 const MobileMenuItem = ({ text, to, sections, isDarkTheme }) => {
   const [isMenuItemOpen, setIsMenuItemOpen] = useState();