Rework mobile view to have main site link (#124)

byronwall · Oct 22, 2023 · b93b64b · b93b64b
1 parent 5d9c144
commit b93b64b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/common/icons.tsx b/src/components/common/icons.tsx
@@ -14,6 +14,7 @@ import {
   Loader2,
   type LucideProps,
   Moon,
+  Menu,
   MoreVertical,
   Pizza,
   Plus,
@@ -43,6 +44,7 @@ import {
 export type Icon = LucideIcon;
 
 export const Icons = {
+  menu: Menu,
   shuffle: Shuffle,
   trophy: Trophy,
   star: Star,

diff --git a/src/components/nav/main-nav.tsx b/src/components/nav/main-nav.tsx
@@ -50,9 +50,13 @@ export function MainNav({ items, children }: MainNavProps) {
         className="flex items-center space-x-2 md:hidden"
         onClick={() => setShowMobileMenu(!showMobileMenu)}
       >
-        {showMobileMenu ? <Icons.close /> : <Icons.logo />}
-        <span className="font-bold">Menu</span>
+        {showMobileMenu ? <Icons.close /> : <Icons.menu />}
       </button>
+
+      <Link href="/" className="flex items-center  md:hidden">
+        <Icons.logo />
+      </Link>
+
       {showMobileMenu && items && (
         <MobileNav items={items} onClose={() => setShowMobileMenu(false)}>
           {children}