/** @jsxImportSource theme-ui */ import { Box, Heading, Flex } from '@theme-ui/components' import { NextPageContext } from 'next' import { pick } from 'ramda' import ElfCard from '../../../components/molecules/ElfCard' import Breadcrumb from '../../../components/organisms/Breadcrumb' import { ElfData } from '../../../lib/honkai3rd/elfs' import { getI18NProps } from '../../../server/i18n' import { listElfs } from '../../../server/data/honkai3rd/elfs' import { useTranslation } from '../../../lib/i18n' import Head from '../../../components/atoms/Head' import Honkai3rdLayout from '../../../components/layouts/Honkai3rdLayout' interface ElfListPageProps { elfs: Pick[] } const ElfListPage = ({ elfs }: ElfListPageProps) => { const { t } = useTranslation() return ( {t('elfs-list.elfs')} {elfs.map((elf) => { return })} ) } export default ElfListPage export async function getStaticProps({ locale }: NextPageContext) { return { props: { elfs: listElfs().map((elf) => pick(['id', 'name', 'krName'], elf)), ...(await getI18NProps(locale)), }, } }