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

Show AX section in WeaponHovercard

Browse source 
Was testing truthy/falsy which meant id 0 made it not display
This commit is contained in:
Justin Edmund 2023-07-03 21:54:08 -07:00
parent 9b098a15d8
commit a72f6ac7a9
1 changed files with 24 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -37,19 +37,6 @@ const WeaponHovercard = (props: Props) => {
const { t } = useTranslation('common')
const Element = ['null', 'wind', 'fire', 'water', 'earth', 'dark', 'light']
const Proficiency = [
'none',
'sword',
'dagger',
'axe',
'spear',
'bow',
'staff',
'fist',
'harp',
'gun',
'katana',
]
const WeaponKeyNames: KeyNames = {
'2': {
en: 'Pendulum',
@ -74,11 +61,6 @@ const WeaponHovercard = (props: Props) => {
? Element[props.gridWeapon.element]
: Element[props.gridWeapon.object.element]
const wikiUrl = `https://gbf.wiki/${props.gridWeapon.object.name.en.replaceAll(
' ',
'_'
)}`
function goTo() {
const urlSafeName = props.gridWeapon.object.name.en.replaceAll(' ', '_')
const url = `https://gbf.wiki/${urlSafeName}`
@ -134,38 +116,22 @@ const WeaponHovercard = (props: Props) => {
return ''
}
function weaponImage() {
const weapon = props.gridWeapon.object
if (props.gridWeapon.object.element == 0 && props.gridWeapon.element)
return `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/weapon-grid/${weapon.granblue_id}_${props.gridWeapon.element}.jpg`
else
return `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/weapon-grid/${weapon.granblue_id}.jpg`
}
const awakeningSection = () => {
const gridAwakening = props.gridWeapon.awakening
if (gridAwakening) {
return (
<section className={styles.awakening}>
<h5 className={tintElement}>
{t('modals.weapon.subtitles.awakening')}
</h5>
<div className={styles.skill}>
<img
alt={gridAwakening.type.name[locale]}
src={`${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/awakening/${gridAwakening.type.slug}.png`}
/>
<span>
<strong>{`${gridAwakening.type.name[locale]}`}</strong>&nbsp;
{`Lv${gridAwakening.level}`}
</span>
</div>
</section>
)
}
}
const awakeningSection = (
<section className={styles.awakening}>
<h5 className={tintElement}>{t('modals.weapon.subtitles.awakening')}</h5>
<div className={styles.skill}>
<img
alt={props.gridWeapon.awakening?.type.name[locale]}
src={`${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/awakening/${props.gridWeapon.awakening?.type.slug}.png`}
/>
<span>
<strong>{`${props.gridWeapon.awakening?.type.name[locale]}`}</strong>
&nbsp;
{`Lv${props.gridWeapon.awakening?.level}`}
</span>
</div>
</section>
)
const keysSection = (
<section className={styles.weaponKeys}>
@ -262,15 +228,14 @@ const WeaponHovercard = (props: Props) => {
type="weapon"
/>
{props.gridWeapon.object.ax &&
props.gridWeapon.ax &&
props.gridWeapon.ax[0].modifier &&
props.gridWeapon.ax[0].strength
? axSection
: ''}
{awakeningSection()}
{props.gridWeapon.weapon_keys && props.gridWeapon.weapon_keys.length > 0
? keysSection
: ''}
props.gridWeapon.ax &&
props.gridWeapon.ax[0].modifier !== undefined &&
props.gridWeapon.ax[0].strength !== undefined &&
axSection}
{props.gridWeapon.awakening && awakeningSection}
{props.gridWeapon.weapon_keys &&
props.gridWeapon.weapon_keys.length > 0 &&
keysSection}
{wikiButton}
</HovercardContent>
</Hovercard>