언어 선택 메뉴 추가

ubuntu-kr · Feb 12, 2024 · b9d57fb · b9d57fb
1 parent 40afe35
commit b9d57fb
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 8 deletions.
diff --git a/src/config.ts b/src/config.ts
@@ -1,6 +1,8 @@
 import UbuntuKoreaLogo from "@assets/UbuntuKorea.svg"
 import GroupPhoto2023 from "@assets/group_photo.jpg"
 import { useTranslations } from "@i18n/utils";
+import { languages } from '@i18n/ui';
+
 
 export const config = {
     siteTitle: "UbuCon Korea 2024",
@@ -35,7 +37,7 @@ export const config = {
             { name: "Ubuntu Korea Community", logoImage: UbuntuKoreaLogo.src, link: "https://ubuntu-kr.org" }
         ]
     },
-    navigation: (locale: string)=>{
+    navigation: (locale: string) => {
         const t = useTranslations(locale);
         return [
             {
@@ -82,10 +84,18 @@ export const config = {
             }
         ]
     },
-    navigationRight: [
-        {
-            label: 'Register',
-            url: '#'
-        }
-    ]
+    navigationRight: (locale: string) => {
+        const t = useTranslations(locale);
+        const langPickerItems = Object.entries(languages).map(([lang, label]) => ({ label: label, url: `/${lang}/` }));
+        return [
+            {
+                label: '🎟️',
+                url: '#'
+            },
+            {
+                label: '🌐',
+                items: langPickerItems
+            }
+        ]
+    }
 }
diff --git a/src/layouts/Shell.astro b/src/layouts/Shell.astro
@@ -22,7 +22,7 @@ const t = useTranslations(lang);
 		<GlobalNavigation
 			logoTitle={config.siteTitle}
 			navItems={config.navigation(lang)}
-			navItemsRight={config.navigationRight}
+			navItemsRight={config.navigationRight(lang)}
 			client:only="react"
 		/>
 		<slot />