🎨 #349 ログイン時のmenuに対してi18n対応を実施

Author: keitakn

src/app/_components/Header.tsx

@@ -20,7 +20,14 @@ import {
   Header as ReactAriaHeader,
   Text,
 } from 'react-aria-components';
-import { howToUseText, policyText, uploadText } from './HeaderI18n';
+import {
+  favoriteListText,
+  howToUseText,
+  logoutText,
+  meowlistText,
+  policyText,
+  uploadText,
+} from './HeaderI18n';
 
 type Props = {
   language: Language;
@@ -168,21 +175,21 @@ export const Header = ({
                     <MenuItem className="flex w-full items-center px-5 py-2 text-left text-base font-medium text-orange-50 hover:bg-orange-600">
                       <Link href="/favorites" className="w-full">
                         <Text slot="label" className="text-base font-bold">
-                          お気に入り
+                          {favoriteListText(language)}
                         </Text>
                       </Link>
                     </MenuItem>
                     <MenuItem className="flex w-full items-center px-5 py-2 text-left text-base font-medium text-orange-50 hover:bg-orange-600">
                       <Link href="/cat-list" className="w-full">
                         <Text slot="label" className="text-base font-bold">
-                          にゃんリスト
+                          {meowlistText(language)}
                         </Text>
                       </Link>
                     </MenuItem>
                     <MenuItem className="flex w-full items-center px-5 py-2 text-left text-base font-medium text-orange-50 hover:bg-orange-600">
                       <Link href="/logout" className="w-full">
                         <Text slot="label" className="text-base font-bold">
-                          ログアウト
+                          {logoutText(language)}
                         </Text>
                       </Link>
                     </MenuItem>

src/app/_components/HeaderI18n.ts

@@ -33,3 +33,36 @@ export const policyText = (language: Language): string => {
       return assertNever(language);
   }
 };
+
+export const favoriteListText = (language: Language): string => {
+  switch (language) {
+    case 'ja':
+      return 'お気に入り';
+    case 'en':
+      return 'Favorite';
+    default:
+      return assertNever(language);
+  }
+};
+
+export const meowlistText = (language: Language): string => {
+  switch (language) {
+    case 'ja':
+      return 'にゃんリスト';
+    case 'en':
+      return 'Meowlist';
+    default:
+      return assertNever(language);
+  }
+};
+
+export const logoutText = (language: Language): string => {
+  switch (language) {
+    case 'ja':
+      return 'ログアウト';
+    case 'en':
+      return 'Logout';
+    default:
+      return assertNever(language);
+  }
+};