From 75ae36b0b4ab0b9d166451b5c9220c57c8abd4d0 Mon Sep 17 00:00:00 2001
From: Patric Stout <truebrain@openttd.org>
Date: Sun, 28 Apr 2024 16:27:52 +0200
Subject: [PATCH] fix: improve navigation around All languages/projects a bit

---
 src/app/page.tsx          | 12 +++---------
 src/components/Header.tsx | 40 +++++++++++++++++++++++++++++++++------
 2 files changed, 37 insertions(+), 15 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4136c92..84b71d3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,19 +1,13 @@
 import React from "react";
-import { getNileConfig } from "@/static/NileConfig";
 import { LayoutCommon } from "@/components/LayoutCommon";
-import { ConfigProvider } from "@/providers/ConfigProvider";
 import { MainPage } from "./MainPage";
 
 export default async function Home() {
-  const nileConfig = await getNileConfig();
-
   return (
     <main>
-      <ConfigProvider config={nileConfig}>
-        <LayoutCommon>
-          <MainPage />
-        </LayoutCommon>
-      </ConfigProvider>
+      <LayoutCommon>
+        <MainPage />
+      </LayoutCommon>
     </main>
   );
 }
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index f1457fb..7a27585 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -34,9 +34,23 @@ export const Header = () => {
         )}
 
         {pathname.startsWith("/language/") && (
-          <Button component={Link} variant="subtle" radius="xl" size="xs" href={`/language/${language.language}`}>
-            All Projects
-          </Button>
+          <Menu>
+            <Menu.Target>
+              <Button variant="subtle" radius="xl" size="xs" rightSection={<IconChevronDown size={14} />}>
+                All projects
+              </Button>
+            </Menu.Target>
+            <Menu.Dropdown>
+              <Menu.Item component={Link} href={`/language/${language.language}`}>
+                All projects
+              </Menu.Item>
+              {Object.keys(config.projects ?? {}).map((key) => (
+                <Menu.Item key={key} component={Link} href={`/translation/${key}/${language.language}`}>
+                  {config.projects?.[key]?.name ?? ""}
+                </Menu.Item>
+              ))}
+            </Menu.Dropdown>
+          </Menu>
         )}
 
         {pathname.startsWith("/language/") && (
@@ -80,9 +94,23 @@ export const Header = () => {
         )}
 
         {pathname.startsWith("/project/") && (
-          <Button component={Link} variant="subtle" radius="xl" size="xs" href={`/project/${project.project}`}>
-            All languages
-          </Button>
+          <Menu>
+            <Menu.Target>
+              <Button variant="subtle" radius="xl" size="xs" rightSection={<IconChevronDown size={14} />}>
+                All languages
+              </Button>
+            </Menu.Target>
+            <Menu.Dropdown>
+              <Menu.Item component={Link} href={`/project/${project.project}`}>
+                All languages
+              </Menu.Item>
+              {Object.keys(config.languages ?? {}).map((key) => (
+                <Menu.Item key={key} component={Link} href={`/translation/${project.project}/${key}`}>
+                  {config.languages?.[key]?.name ?? ""} ({key})
+                </Menu.Item>
+              ))}
+            </Menu.Dropdown>
+          </Menu>
         )}
 
         {(pathname.startsWith("/translation/") || pathname.startsWith("/string/")) && (