add donate to mobile header

zigouras · Oct 18, 2024 · 5db39fb · 5db39fb
1 parent fce9524
commit 5db39fb
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/components/MobileNav.tsx b/src/components/MobileNav.tsx
@@ -8,7 +8,14 @@ import {
   NavbarMenu,
   NavbarMenuToggle,
 } from '@nextui-org/react';
-import { PiBinoculars, PiKey, PiTree, PiInfo, PiList } from 'react-icons/pi';
+import {
+  PiBinoculars,
+  PiKey,
+  PiTree,
+  PiInfo,
+  PiList,
+  PiHeart,
+} from 'react-icons/pi';
 import Image from 'next/image';
 import React, { FC } from 'react';
 import IconLink from './IconLink';
@@ -74,6 +81,11 @@ const MobileNav: FC = () => {
           text="About"
           href="/about"
         />
+        <IconLink
+          icon={<PiHeart className="h-6 w-6" />}
+          text="Donate"
+          href="/donate"
+        />
       </NavbarMenu>
     </Navbar>
   );