Fix alt text for items

This commit is contained in:
Justin Edmund 2022-01-24 22:22:02 -08:00
parent 728803d9c5
commit 51a14a5a54
4 changed files with 5 additions and 5 deletions

View file

@ -60,7 +60,7 @@ const CharacterUnit = (props: Props) => {
<div>
<div className={classes} onClick={openModalIfEditable}>
<div className="CharacterImage">
<img alt="ALT TEXT GOES HERE" className="grid_image" src={imageUrl} />
<img alt={character?.name.en} className="grid_image" src={imageUrl} />
{ (props.editable) ? <span className='icon'><img src="/icons/plus.svg" /></span> : '' }
</div>
<UncapIndicator

View file

@ -40,11 +40,11 @@ const GridRep = (props: Props) => {
}
function generateMainhandImage() {
return <img alt="ALT TEXT GOES HERE" src={`/images/weapon-main/${mainhand?.granblue_id}.jpg`} />
return <img alt={mainhand?.name.en} src={`/images/weapon-main/${mainhand?.granblue_id}.jpg`} />
}
function generateGridImage(position: number) {
return <img alt="ALT TEXT GOES HERE" src={`/images/weapon-grid/${weapons[position]?.granblue_id}.jpg`} />
return <img alt={weapons[position]?.name.en} src={`/images/weapon-grid/${weapons[position]?.granblue_id}.jpg`} />
}
return (

View file

@ -68,7 +68,7 @@ const SummonUnit = (props: Props) => {
<div>
<div className={classes} onClick={openModalIfEditable}>
<div className="SummonImage">
<img alt="ALT TEXT GOES HERE" className="grid_image" src={imageUrl} />
<img alt={summon?.name.en} className="grid_image" src={imageUrl} />
{ (props.editable) ? <span className='icon'><img src="/icons/plus.svg" /></span> : '' }
</div>
<UncapIndicator

View file

@ -66,7 +66,7 @@ const WeaponUnit = (props: Props) => {
<div>
<div className={classes} onClick={openModalIfEditable}>
<div className="WeaponImage">
<img alt="ALT TEXT GOES HERE" className="grid_image" src={imageUrl} />
<img alt={weapon?.name.en} className="grid_image" src={imageUrl} />
{ (props.editable) ? <span className='icon'><img src="/icons/plus.svg" /></span> : '' }
</div>
<UncapIndicator