granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update hovercards

Browse source
This commit is contained in:
Justin Edmund 2023-06-18 23:11:14 -07:00
parent 35e3ce7b08
commit b7f664b2ac
2 changed files with 10 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
components/character/CharacterHovercard/index.tsx
View file

@ -16,7 +16,6 @@ import {
aetherialMastery, aetherialMastery,
permanentMastery, permanentMastery,
} from '~data/overMastery' } from '~data/overMastery'
import { characterAwakening } from '~data/awakening'
import { ExtendedMastery } from '~types' import { ExtendedMastery } from '~types'
import './index.scss' import './index.scss'
@ -27,13 +26,6 @@ interface Props {
onTriggerClick: () => void onTriggerClick: () => void
} }
interface KeyNames {
[key: string]: {
en: string
jp: string
}
}
const CharacterHovercard = (props: Props) => { const CharacterHovercard = (props: Props) => {
const router = useRouter() const router = useRouter()
const { t } = useTranslation('common') const { t } = useTranslation('common')
@ -181,27 +173,20 @@ const CharacterHovercard = (props: Props) => {
const awakeningSection = () => { const awakeningSection = () => {
const gridAwakening = props.gridCharacter.awakening const gridAwakening = props.gridCharacter.awakening
const awakening = characterAwakening.find(
(awakening) => awakening.id === gridAwakening?.type
)
if (gridAwakening && awakening) { if (gridAwakening) {
return ( return (
<section className="Awakening"> <section className="Awakening">
<h5 className={tintElement}> <h5 className={tintElement}>
{t('modals.characters.subtitles.awakening')} {t('modals.characters.subtitles.awakening')}
</h5> </h5>
<div> <div>
{gridAwakening.type > 1 ? ( <img
<img alt={gridAwakening.type.name[locale]}
alt={awakening.name[locale]} src={`${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/awakening/${gridAwakening.type.slug}.jpg`}
src={`${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/awakening/character_${gridAwakening.type}.jpg`} />
/>
) : (
''
)}
<span> <span>
<strong>{`${awakening.name[locale]}`}</strong>&nbsp; <strong>{`${gridAwakening.type.name[locale]}`}</strong>&nbsp;
{`Lv${gridAwakening.level}`} {`Lv${gridAwakening.level}`}
</span> </span>
</div> </div>

12
components/weapon/WeaponHovercard/index.tsx
View file

@ -12,7 +12,6 @@ import WeaponLabelIcon from '~components/weapon/WeaponLabelIcon'
import UncapIndicator from '~components/uncap/UncapIndicator' import UncapIndicator from '~components/uncap/UncapIndicator'
import ax from '~data/ax' import ax from '~data/ax'
import { weaponAwakening } from '~data/awakening'
import './index.scss' import './index.scss'
@ -146,11 +145,8 @@ const WeaponHovercard = (props: Props) => {
const awakeningSection = () => { const awakeningSection = () => {
const gridAwakening = props.gridWeapon.awakening const gridAwakening = props.gridWeapon.awakening
const awakening = weaponAwakening.find(
(awakening) => awakening.id === gridAwakening?.type
)
if (gridAwakening && awakening) { if (gridAwakening) {
return ( return (
<section className="awakening"> <section className="awakening">
<h5 className={tintElement}> <h5 className={tintElement}>
@ -158,11 +154,11 @@ const WeaponHovercard = (props: Props) => {
</h5> </h5>
<div> <div>
<img <img
alt={awakening.name[locale]} alt={gridAwakening.type.name[locale]}
src={`${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/awakening/weapon_${gridAwakening.type}.png`} src={`${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/awakening/${gridAwakening.type.slug}.png`}
/> />
<span> <span>
<strong>{`${awakening.name[locale]}`}</strong>&nbsp; <strong>{`${gridAwakening.type.name[locale]}`}</strong>&nbsp;
{`Lv${gridAwakening.level}`} {`Lv${gridAwakening.level}`}
</span> </span>
</div> </div>