From 453adc4604f061db6f9ef7f34faa565c114c9fd9 Mon Sep 17 00:00:00 2001
From: "shakespeare.diy" <assistant@shakespeare.diy>
Date: Thu, 3 Sep 2026 10:29:54 +0700
Subject: [PATCH] Bring desktop/tablet "More" menu to parity with mobile burger

The desktop "More" dropdown was only populated from the customizable nav
catalog, so directory/account destinations that live only in the mobile
burger menu (notably Skaters) never appeared. Add Skaters, View Profile
(logged in), and Settings to the desktop More menu so nothing is lost on
larger screens.

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
---
 src/components/Layout.tsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index d9123af..f09fd80 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -492,6 +492,29 @@ export function Layout({ children, noPadding }: LayoutProps) {
                       </Link>
                     </DropdownMenuItem>
                   ))}
+                {/* Directory & account destinations that aren't part of the
+                    customizable catalog — kept here so desktop/tablet reaches
+                    parity with the mobile burger menu (nothing is ever lost). */}
+                <DropdownMenuItem asChild>
+                  <Link to="/skaters" className="flex items-center gap-2 cursor-pointer">
+                    <PersonStanding className="h-4 w-4" />
+                    Skaters
+                  </Link>
+                </DropdownMenuItem>
+                {user && (
+                  <DropdownMenuItem asChild>
+                    <Link to={`/${nip19.npubEncode(user.pubkey)}`} className="flex items-center gap-2 cursor-pointer">
+                      <User className="h-4 w-4" />
+                      View Profile
+                    </Link>
+                  </DropdownMenuItem>
+                )}
+                <DropdownMenuItem asChild>
+                  <Link to="/settings" className="flex items-center gap-2 cursor-pointer">
+                    <Settings className="h-4 w-4" />
+                    {t('nav.settings')}
+                  </Link>
+                </DropdownMenuItem>
                 <DropdownMenuSeparator />
                 <DropdownMenuItem asChild>
                   <Link to="/glossary" className="flex items-center gap-2 cursor-pointer">