Remove legacy pages

2023-07-14 22:46:05 +09:00
parent 06ff200ed3
commit b4eb338ea0
39 changed files with 756 additions and 4007 deletions
@@ -0,0 +1,155 @@
+/** @jsxImportSource theme-ui */
+import { Box, Heading, Flex, Link, Card } from '@theme-ui/components'
+import { NextPageContext } from 'next'
+import {
+  loadBattlesuitCatalog,
+  loadErBattlesuitCatalog,
+  loadErSigils,
+  loadErSupports
+} from '../../../lib/v2/server/loadData'
+import { BattlesuitCatalogItem, ErBattlesuitCatalogItem } from '../../../lib/v2/data/types'
+import { useMemo } from 'react'
+import BattlesuitCatalogItemCard from '../../../components/v2/BattlesuitCatalogItemCard'
+import { assetsBucketBaseUrl } from '../../../lib/consts'
+import SquareImage from '../../../components/v2/SquareImage'
+import { signetGroups } from '../../../lib/v2/data/er'
+import BattlesuitSmallIcon from '../../../components/v2/BattlesuitSmallIcon'
+import MaterialIcon from '../../../components/v2/MaterialIcon'
+import Honkai3rdLayout from '../../../components/layouts/Honkai3rdLayout'
+import Head from '../../../components/atoms/Head'
+import Breadcrumb from '../../../components/organisms/Breadcrumb'
+import { useTranslation } from 'next-i18next'
+import { getI18NProps } from '../../../server/i18n'
+
+interface ErPageProps {
+  erBattlesuitCatalog: ErBattlesuitCatalogItem[]
+  battlesuitCatalog: BattlesuitCatalogItem[]
+  erSupports: string[]
+  erSigils: { id: string; name: string }[]
+}
+
+const ErPage = ({ erBattlesuitCatalog, battlesuitCatalog, erSupports, erSigils }: ErPageProps) => {
+  const { t } = useTranslation()
+
+  const battlesuitCatalogMap = useMemo(() => {
+    return battlesuitCatalog.reduce((map, item) => {
+      map.set(item.id, item)
+      return map
+    }, new Map<string, BattlesuitCatalogItem>())
+  }, [battlesuitCatalog])
+
+  return (
+    <Honkai3rdLayout>
+      <Head
+        title={`${t('common.elysian-realm')} - ${t('common.honkai-3rd')} - ${t('common.abyss-lab')}`}
+        description={t('common.elysian-realm')}
+        canonicalHref={`/honkai3rd/elysian-realm`}
+      />
+
+      <Box p={2}>
+        <Breadcrumb
+          items={[
+            { href: '/honkai3rd', label: t('common.honkai-3rd') },
+            {
+              href: '/honkai3rd/v2/er',
+              label: t('common.elysian-realm')
+            }
+          ]}
+        />
+        <Heading as="h1">Elysian Realm</Heading>
+
+        <Heading as="h2">Signets</Heading>
+        <Flex sx={{ flexWrap: 'wrap', mb: 3 }}>
+          {signetGroups.map(signetGroup => {
+            return (
+              <Link href={`/honkai3rd/v2/er/signets/${signetGroup.id}`} key={signetGroup.id}>
+                <Card p={1} m={1}>
+                  <Flex sx={{ alignItems: 'center' }}>
+                    <SquareImage
+                      src={`${assetsBucketBaseUrl}/raw/supportbufficon/${signetGroup.icon}.png`}
+                      originalSize={120}
+                      size={40}
+                    />
+                    <Box p={1}>{signetGroup.name}</Box>
+                  </Flex>
+                </Card>
+              </Link>
+            )
+          })}
+        </Flex>
+
+        <Heading as="h2">Battlesuits</Heading>
+        <Flex sx={{ flexWrap: 'wrap', mb: 3 }}>
+          {erBattlesuitCatalog.map(erBattlesuit => {
+            const battlesuit = battlesuitCatalogMap.get(erBattlesuit.battlesuit)!
+            return (
+              <Box key={battlesuit.id}>
+                <Link href={`/honkai3rd/v2/er/battlesuits/${battlesuit.id}`}>
+                  <BattlesuitCatalogItemCard battlesuit={battlesuit} />
+                </Link>
+              </Box>
+            )
+          })}
+        </Flex>
+
+        <Heading as="h2">Supports</Heading>
+
+        <Flex sx={{ flexWrap: 'wrap' }}>
+          {erSupports.map(support => {
+            const battlesuit = battlesuitCatalogMap.get(support)!
+            return (
+              <Box key={support}>
+                <Link href={`/honkai3rd/v2/er/supports#${support}`}>
+                  <Box sx={{ p: 1, m: 1, width: 110 }}>
+                    <BattlesuitSmallIcon battlesuit={battlesuit} ratio={0.8} />
+                    <Box
+                      sx={{ textAlign: 'center', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}
+                    >
+                      {battlesuit.fullName}
+                    </Box>
+                  </Box>
+                  {/* <BattlesuitCatalogItemCard battlesuit={battlesuit} /> */}
+                </Link>
+              </Box>
+            )
+          })}
+        </Flex>
+
+        <Heading as="h2">Sigils</Heading>
+
+        <Flex sx={{ flexWrap: 'wrap' }}>
+          {erSigils.map(sigil => {
+            return (
+              <Card key={sigil.id} p={1} m={1}>
+                <Link href={`/honkai3rd/v2/er/sigils#${sigil.id}`}>
+                  <MaterialIcon materialId={sigil.id} />
+                </Link>
+              </Card>
+            )
+          })}
+        </Flex>
+      </Box>
+    </Honkai3rdLayout>
+  )
+}
+
+export default ErPage
+
+export async function getStaticProps({ locale }: NextPageContext) {
+  const erBattlesuitCatalog = loadErBattlesuitCatalog()
+  const battlesuitCatalog = loadBattlesuitCatalog()
+  const erSupports = loadErSupports().map(support => {
+    return support.battlesuit
+  })
+
+  const erSigils = loadErSigils().map(sigil => {
+    return {
+      id: sigil.id,
+      name: sigil.name
+    }
+  })
+
+  return {
+    props: { erBattlesuitCatalog, battlesuitCatalog, erSupports, erSigils, ...(await getI18NProps(locale)) }
+  }
+}