chore: disable button animation on menu items at all

Author: khaykingleb

app/components/molecules/MenuItems.tsx

@@ -1,4 +1,4 @@
-import { NavLink } from "@remix-run/react";
+import { Link } from "@remix-run/react";
 
 /**
  * Menu items component
@@ -9,39 +9,33 @@ export const MenuItems = () => {
   return (
     <ul className="menu menu-horizontal menu-md">
       <li>
-        <NavLink
+        <Link
           to="/blog"
-          className={({ isActive }) =>
-            `btn btn-ghost text-lg sm:text-xl ${isActive ? "active" : "no-animation"}`
-          }
+          className="btn btn-ghost no-animation text-lg sm:text-xl"
           style={{ fontWeight: "bold" }}
         >
           Blog
-        </NavLink>
+        </Link>
       </li>
       <li>
-        <NavLink
+        <Link
           to="/Gleb_Khaykin.pdf"
           prefetch="intent"
           target="_blank"
-          className={({ isActive }) =>
-            `btn btn-ghost text-lg sm:text-xl ${isActive ? "active" : "no-animation"}`
-          }
+          className="btn btn-ghost no-animation text-lg sm:text-xl"
           style={{ fontWeight: "bold" }}
         >
           CV
-        </NavLink>
+        </Link>
       </li>
       <li>
-        <NavLink
+        <Link
           to="/"
-          className={({ isActive }) =>
-            `btn btn-ghost text-lg sm:text-xl ${isActive ? "active" : "no-animation"}`
-          }
+          className="btn btn-ghost no-animation text-lg sm:text-xl"
           style={{ fontWeight: "bold" }}
         >
           About
-        </NavLink>
+        </Link>
       </li>
     </ul>
   );

app/components/molecules/MobileMenuItems.tsx

@@ -13,7 +13,10 @@ export const MobileMenuItems = () => (
     </summary>
     <ul className="menu dropdown-content absolute right-0 z-[1] mt-2 w-28 rounded-lg bg-white text-black shadow-lg">
       <li>
-        <Link to="/blog" className="btn btn-ghost text-base hover:bg-gray-100">
+        <Link
+          to="/blog"
+          className="btn btn-ghost no-animation text-base hover:bg-gray-100"
+        >
           Blog
         </Link>
       </li>
@@ -23,14 +26,17 @@ export const MobileMenuItems = () => (
           to="/Gleb_Khaykin.pdf"
           prefetch="intent"
           target="_blank"
-          className="btn btn-ghost text-base hover:bg-gray-100"
+          className="btn btn-ghost no-animation text-base hover:bg-gray-100"
         >
           CV
         </Link>
       </li>
       <hr className="my-1 border-t border-gray-200" />
       <li>
-        <Link to="/" className="btn btn-ghost text-base hover:bg-gray-100">
+        <Link
+          to="/"
+          className="btn btn-ghost no-animation text-base hover:bg-gray-100"
+        >
           About
         </Link>
       </li>