Simpilify home page

2023-07-15 01:56:57 +09:00
parent 0debd0cb66
commit a4c3371b67
3 changed files with 97 additions and 241 deletions
@@ -1,14 +1,5 @@
 /** @jsxImportSource theme-ui */
-import { Box, Heading, Link, Paragraph } from '@theme-ui/components'
-import NextLink from 'next/link'
-import Breadcrumb from '../../components/organisms/Breadcrumb'
-import { getBattlesuitById } from '../../server/data/honkai3rd/battlesuits'
-import {
-  getCurrentVersion,
-  listVersionData,
-} from '../../server/data/honkai3rd/versions'
-import { getWeaponById } from '../../server/data/honkai3rd/weapons'
-import { format as formatDate } from 'date-fns'
+import { Box } from '@theme-ui/components'
 import { BattlesuitData } from '../../lib/honkai3rd/battlesuits'
 import { WeaponData } from '../../lib/honkai3rd/weapons'
 import { VersionData } from '../../lib/honkai3rd/versions'
@@ -16,13 +7,8 @@ import { getI18NProps } from '../../server/i18n'
 import { NextPageContext } from 'next'
 import { useTranslation } from '../../lib/i18n'
 import Head from '../../components/atoms/Head'
-import PageLink from '../../components/atoms/PageLink'
-import Honkai3rdLayout from '../../components/layouts/Honkai3rdLayout'
-import WeaponCard from '../../components/molecules/WeaponCard'
-import BattlesuitCard from '../../components/molecules/BattlesuitCard'
-import { getStigmataSetBySetId } from '../../server/data/honkai3rd/stigmata'
 import { StigmataSet } from '../../lib/honkai3rd/stigmata'
-import StigmataSetCard from '../../components/molecules/StigmataSetCard'
+import Honkai3rdNavigator from '../../components/organisms/Honkai3rdNavigator'

 interface VersionIndexPageProps {
  versionDataList: VersionData[]
@@ -32,168 +18,28 @@ interface VersionIndexPageProps {
  currentVersionNewStigmataSets: StigmataSet[]
 }

-const VersionIndexPage = ({
-  currentVersionData,
-  currentVersionNewBattlesuits,
-  versionDataList,
-  currentVersionNewWeapons,
-  currentVersionNewStigmataSets,
-}: VersionIndexPageProps) => {
+const HomePage = ({}: VersionIndexPageProps) => {
  const { t } = useTranslation()

  return (
-    <Honkai3rdLayout>
-      <Head
-        title={`${t('common.honkai-3rd')} - ${t('common.abyss-lab')}`}
-        canonicalHref={`/honkai3rd`}
-      />
+    <Box>
+      <Head title={`${t('common.honkai-3rd')} - ${t('common.abyss-lab')}`} canonicalHref={`/honkai3rd`} />

-      <Box p={3}>
-        <Breadcrumb
-          items={[{ href: '/honkai3rd', label: t('common.honkai-3rd') }]}
-        />
-        <Box mb={4}>
-          <Box mb={2}>
-            {currentVersionData.previousVersion != null && (
-              <PageLink
-                href={`/honkai3rd/versions/${currentVersionData.previousVersion}`}
-                mr={2}
-              >
-                {t('versions.previous')} (v
-                {currentVersionData.previousVersion})
-              </PageLink>
-            )}
-            {currentVersionData.nextVersion != null && (
-              <PageLink
-                href={`/honkai3rd/versions/${currentVersionData.nextVersion}`}
-              >
-                {t('versions.next')} (v{currentVersionData.nextVersion})
-              </PageLink>
-            )}
-          </Box>
+      <Box p={2}>
+        <Head title={`${t('common.honkai-3rd')} - ${t('common.abyss-lab')}`} canonicalHref={`/honkai3rd`} />

-          <Heading as='h1'>
-            v{currentVersionData.version} : {currentVersionData.name}{' '}
-            <small>({t('versions.current')})</small>
-          </Heading>
-          <Box mb={4}>
-            {formatDate(new Date(currentVersionData.duration[0]), 'PP')} -{' '}
-            {currentVersionData.duration[1] != null
-              ? formatDate(new Date(currentVersionData.duration[1]), 'PP')
-              : ''}
-          </Box>
-
-          <Box>
-            <Heading as='h3' mb={2}>
-              {t('versions.new-battlesuits')}
-            </Heading>
-            <Box mb={2} sx={{ display: 'inline-block' }}>
-              {currentVersionNewBattlesuits.map((battlesuit) => {
-                return (
-                  <BattlesuitCard
-                    key={battlesuit.id}
-                    battlesuit={battlesuit}
-                    size='sm'
-                  />
-                )
-              })}
-            </Box>
-
-            <Heading as='h3' mb={2}>
-              {t('versions.new-weapons')}
-            </Heading>
-            <Box mb={2} sx={{ display: 'inline-block' }}>
-              {currentVersionNewWeapons.map((weapon) => {
-                return <WeaponCard key={weapon.id} weapon={weapon} size='sm' />
-              })}
-            </Box>
-
-            <Heading as='h3' mb={2}>
-              {t('versions.new-stigmata-sets')}
-            </Heading>
-            <Box mb={2} sx={{ display: 'inline-block' }}>
-              {currentVersionNewStigmataSets.map((stigmataSet) => {
-                return (
-                  <StigmataSetCard
-                    key={stigmataSet.id}
-                    stigmataSet={stigmataSet}
-                    size='sm'
-                  />
-                )
-              })}
-            </Box>
-          </Box>
-
-          <Paragraph>
-            We&apos;ve decided to stop providing weekly bossses and supply
-            events since v6.2. But you can still find it from{' '}
-            <a href='https://www.arustats.com/en-us/hi3/timeline'>
-              CAPTAIN ALPACA&apos;s Website
-            </a>
-            .
-          </Paragraph>
-        </Box>
-        <Heading as='h2' mb={3}>
-          {t('versions.all-versions')}
-        </Heading>
-        <Box>
-          {versionDataList.map((versionData) => {
-            return (
-              <Box key={versionData.version} mb={2}>
-                <Heading as='h3'>
-                  <NextLink
-                    href={`/honkai3rd/versions/${versionData.version}`}
-                    passHref
-                  >
-                    <Link>
-                      {versionData.version} : {versionData.name} (
-                      {formatDate(new Date(versionData.duration[0]), 'PP')} -{' '}
-                      {versionData.duration[1] != null
-                        ? formatDate(new Date(versionData.duration[1]), 'PP')
-                        : ''}
-                      )
-                    </Link>
-                  </NextLink>
-                </Heading>
-              </Box>
-            )
-          })}
-        </Box>
+        <Honkai3rdNavigator />
      </Box>
-    </Honkai3rdLayout>
+    </Box>
  )
 }

 export async function getStaticProps({ locale }: NextPageContext) {
-  const currentVersionData = getCurrentVersion(locale)!
-
-  const currentVersionNewBattlesuits = currentVersionData.newBattlesuits.map(
-    (battlesuitId) => {
-      return getBattlesuitById(battlesuitId, locale)
-    }
-  )
-  const currentVersionNewWeapons = currentVersionData.newWeapons.map(
-    (weaponId) => {
-      return getWeaponById(weaponId, locale)
-    }
-  )
-
-  const currentVersionNewStigmataSets = currentVersionData.newStigmataSets.map(
-    (stigmataSetId) => {
-      return getStigmataSetBySetId(stigmataSetId, locale)
-    }
-  )
-
  return {
    props: {
-      currentVersionData,
-      currentVersionNewBattlesuits,
-      currentVersionNewWeapons,
-      currentVersionNewStigmataSets,
-      versionDataList: listVersionData(locale),
-      ...(await getI18NProps(locale)),
-    },
+      ...(await getI18NProps(locale))
+    }
  }
 }

-export default VersionIndexPage
+export default HomePage