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

Added Ultima display to WeaponUnit

Browse source
This commit is contained in:
Justin Edmund 2022-12-24 03:56:26 -08:00
parent 7d7e867b40
commit ac47d45d70
1 changed files with 59 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
components/WeaponUnit/index.tsx
View file

@ -119,7 +119,8 @@ const WeaponUnit = (props: Props) => {
return (
<img
alt={`${altText}`}
alt={altText}
key={altText}
className="Skill"
src={`${baseUrl}${filename}`}
/>
@ -127,6 +128,59 @@ const WeaponUnit = (props: Props) => {
}
}
function ultimaImage(index: number) {
const baseUrl = `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/weapon-keys/`
let filename = ''
let altText = ''
// If there is a grid weapon, it is a Dark Opus Weapon and it has keys
if (
props.gridWeapon &&
props.gridWeapon.object.series === 17 &&
props.gridWeapon.weapon_keys
) {
if (
props.gridWeapon.weapon_keys[index] &&
(props.gridWeapon.weapon_keys[index].slot === 1 ||
props.gridWeapon.weapon_keys[index].slot === 2)
) {
altText = `${props.gridWeapon.weapon_keys[index].name[locale]}`
filename = `${props.gridWeapon.weapon_keys[index].slug}.png`
} else if (
props.gridWeapon.weapon_keys[index] &&
props.gridWeapon.weapon_keys[index].slot === 0
) {
altText = `${props.gridWeapon.weapon_keys[index].name[locale]}`
const weapon = props.gridWeapon.object.proficiency
const suffix = `${weapon}`
filename = `${props.gridWeapon.weapon_keys[index].slug}-${suffix}.png`
}
}
return (
<img alt={`${altText}`} className="Skill" src={`${baseUrl}${filename}`} />
)
}
function ultimaImages() {
let images: JSX.Element[] = []
if (
props.gridWeapon &&
props.gridWeapon.object.series === 17 &&
props.gridWeapon.weapon_keys &&
props.gridWeapon.weapon_keys.length > 0
) {
for (let i = 0; i < props.gridWeapon.weapon_keys.length; i++) {
const image = ultimaImage(i)
if (image) images.push(image)
}
}
return images
}
function opusImage(index: number) {
const baseUrl = `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/weapon-keys/`
let filename = ''
@ -176,7 +230,8 @@ const WeaponUnit = (props: Props) => {
return (
<img
alt={`${altText}`}
alt={altText}
key={altText}
className="Skill"
src={`${baseUrl}${filename}`}
/>
@ -188,6 +243,7 @@ const WeaponUnit = (props: Props) => {
let images: JSX.Element[] = []
if (
props.gridWeapon &&
props.gridWeapon.object.series === 2 &&
props.gridWeapon.weapon_keys &&
props.gridWeapon.weapon_keys.length > 0
) {
@ -268,6 +324,7 @@ const WeaponUnit = (props: Props) => {
{telumaImage(0)}
{telumaImage(1)}
{opusImages()}
{ultimaImages()}
</div>
</div>
<img alt={weapon?.name.en} className="grid_image" src={imageUrl} />