retr0volkov/abyss-lab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add boss table

Browse Source
This commit is contained in:
Sakura Knoll
2022-07-21 11:15:33 +09:00 Unverified
parent b4d3e39f83
commit f536718260
53 changed files with 302 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/honkai3rd/versions/[versionId].tsx
+15 -1
View File
@@ -23,6 +23,8 @@ import Head from '../../../components/atoms/Head'
import PageLink from '../../../components/atoms/PageLink'
import { assetsBucketBaseUrl } from '../../../lib/consts'
import Honkai3rdLayout from '../../../components/layouts/Honkai3rdLayout'
import { useEffect, useState } from 'react'
import BossTable from '../../../components/organisms/BossTable'
interface VersionShowPageProps {
versionData: VersionData
@@ -36,6 +38,10 @@ const VersionShowPage = ({
weapons,
}: VersionShowPageProps) => {
const { t } = useTranslation()
const [today, setToday] = useState<Date | null>(null)
useEffect(() => {
setToday(new Date(getDateString(new Date())))
}, [])
return (
<Honkai3rdLayout>
<Head
@@ -148,6 +154,14 @@ const VersionShowPage = ({
</Box>
</Box>
<Heading as='h3' mb={2}>
Bosses
</Heading>
<Box sx={{ mb: 3 }}>
<BossTable versionData={versionData} today={today} />
</Box>
<Heading as='h3' mb={2}>
{t('versions.supply-events')}
</Heading>
@@ -178,7 +192,7 @@ const VersionShowPage = ({
row: supplyEventData.track,
}
})}
today={getDateString(new Date())}
today={today}
startDate={versionData.duration[0]}
endDate={
versionData.duration[1] != null
src/pages/honkai3rd/versions/index.tsx
+22 -36
View File
@@ -23,6 +23,10 @@ import Head from '../../../components/atoms/Head'
import PageLink from '../../../components/atoms/PageLink'
import { assetsBucketBaseUrl } from '../../../lib/consts'
import Honkai3rdLayout from '../../../components/layouts/Honkai3rdLayout'
import WeaponCard from '../../../components/molecules/WeaponCard'
import BattlesuitCard from '../../../components/molecules/BattlesuitCard'
import { useEffect, useState } from 'react'
import BossTable from '../../../components/organisms/BossTable'
interface VersionIndexPageProps {
versionDataList: VersionData[]
@@ -38,6 +42,10 @@ const VersionIndexPage = ({
currentVersionNewWeapons,
}: VersionIndexPageProps) => {
const { t } = useTranslation()
const [today, setToday] = useState<Date | null>(null)
useEffect(() => {
setToday(new Date(getDateString(new Date())))
}, [])
return (
<Honkai3rdLayout>
@@ -93,23 +101,11 @@ const VersionIndexPage = ({
<Box mb={3} sx={{ display: 'inline-block' }}>
{currentVersionNewBattlesuits.map((battlesuit) => {
return (
<NextLink
<BattlesuitCard
key={battlesuit.id}
href={`/honkai3rd/battlesuits/${battlesuit.id}`}
passHref
>
<Link>
<Flex sx={{ alignItems: 'center' }} mb={2}>
<SquareImageBox
size={40}
src={`${assetsBucketBaseUrl}/honkai3rd/battlesuits/portrait-${battlesuit.id}.png`}
alt={`${battlesuit.name}`}
mr={2}
/>
<Text>{battlesuit.name}</Text>
</Flex>
</Link>
</NextLink>
battlesuit={battlesuit}
size='sm'
/>
)
})}
</Box>
@@ -119,29 +115,19 @@ const VersionIndexPage = ({
</Heading>
<Box mb={3} sx={{ display: 'inline-block' }}>
{currentVersionNewWeapons.map((weapon) => {
return (
<NextLink
key={weapon.id}
href={`/honkai3rd/weapons/${weapon.id}`}
passHref
>
<Link>
<Flex sx={{ alignItems: 'center' }} mb={2}>
<SquareImageBox
size={40}
src={`${assetsBucketBaseUrl}/honkai3rd/weapons/${weapon.id}.png`}
alt={`${weapon.name}`}
mr={2}
/>
<Text>{weapon.name}</Text>
</Flex>
</Link>
</NextLink>
)
return <WeaponCard key={weapon.id} weapon={weapon} size='sm' />
})}
</Box>
</Box>
<Heading as='h3' mb={2}>
Bosses
</Heading>
<Box sx={{ mb: 3 }}>
<BossTable versionData={currentVersionData} today={today} />
</Box>
<Heading as='h3' mb={2}>
{t('versions.supply-events')}
</Heading>
@@ -176,7 +162,7 @@ const VersionIndexPage = ({
}
}
)}
today={getDateString(new Date())}
today={today}
startDate={currentVersionData.duration[0]}
endDate={
currentVersionData.duration[1] != null