diff --git a/src/components/molecules/StigmataCard.tsx b/src/components/molecules/StigmataCard.tsx index 10e1aac0..64299fd2 100644 --- a/src/components/molecules/StigmataCard.tsx +++ b/src/components/molecules/StigmataCard.tsx @@ -1,14 +1,22 @@ /** @jsxImportSource theme-ui */ import { Box, Card, Text } from '@theme-ui/components' +import { useRouter } from 'next/router' import { StigmataData } from '../../lib/honkai3rd/stigmata' +import { translate } from '../../lib/i18n' import PageLink from '../atoms/PageLink' import SquareImageBox from '../atoms/SquareImageBox' interface StigmataCardProps { - stigmata: Pick + stigmata: Pick } const StigmataCard = ({ stigmata }: StigmataCardProps) => { + const { locale } = useRouter() + const stigmataName = translate( + locale, + { 'ko-KR': stigmata.krName }, + stigmata.name + ) return ( { { textAlign: 'center', }} > - {stigmata.name} + {stigmataName} {'⭐'.repeat(stigmata.rarity)}