diff --git a/src/components/molecules/StigmataSetCard.tsx b/src/components/molecules/StigmataSetCard.tsx index 976a39df..a373eb21 100644 --- a/src/components/molecules/StigmataSetCard.tsx +++ b/src/components/molecules/StigmataSetCard.tsx @@ -1,14 +1,23 @@ /** @jsxImportSource theme-ui */ import { Box, Card, Flex, Text } from '@theme-ui/components' +import { useRouter } from 'next/router' import { StigmataSet } from '../../lib/honkai3rd/stigmata' +import { translate } from '../../lib/i18n' import PageLink from '../atoms/PageLink' import SquareImageBox from '../atoms/SquareImageBox' interface StigmataSetCardProps { - stigmataSet: Pick + stigmataSet: Pick } const StigmataSetCard = ({ stigmataSet }: StigmataSetCardProps) => { + const { locale } = useRouter() + const stigmataSetName = translate( + locale, + { 'ko-KR': stigmataSet.krName }, + stigmataSet.name + ) + return ( { textAlign: 'center', }} > - {stigmataSet.name} + {stigmataSetName} {'⭐'.repeat(stigmataSet.rarity)} diff --git a/src/pages/honkai3rd/stigmata/index.tsx b/src/pages/honkai3rd/stigmata/index.tsx index bc4a7ba7..0f657314 100644 --- a/src/pages/honkai3rd/stigmata/index.tsx +++ b/src/pages/honkai3rd/stigmata/index.tsx @@ -15,16 +15,18 @@ import { listStigmata, listStigmataSet, } from '../../../server/data/honkai3rd/stigmata' +import { useTranslation } from 'next-i18next' interface StigmataListPageProps { - stigmataDataList: Pick[] - stigmataSetList: Pick[] + stigmataDataList: Pick[] + stigmataSetList: Pick[] } const StigmataListPage = ({ stigmataDataList, stigmataSetList, }: StigmataListPageProps) => { + const { t } = useTranslation() const { query } = useRouter() const listMode = useMemo(() => { @@ -41,12 +43,12 @@ const StigmataListPage = ({ - Stigmata + {t('stigmata-list.stigmata')} - Set List + {t('stigmata-list.set-list')} @@ -95,10 +97,10 @@ export async function getStaticProps({ locale }: NextPageContext) { return { props: { stigmataDataList: listStigmata().map((stigmata) => - pick(['id', 'name', 'rarity'], stigmata) + pick(['id', 'name', 'rarity', 'krName'], stigmata) ), stigmataSetList: listStigmataSet().map((stigmataSet) => - pick(['id', 'name', 'rarity'], stigmataSet) + pick(['id', 'name', 'rarity', 'krName'], stigmataSet) ), ...(await getI18NProps(locale)), },