From 51a14a5a540e7c81807b18a4e8329a46976c393d Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Mon, 24 Jan 2022 22:22:02 -0800
Subject: [PATCH] Fix alt text for items

---
 components/CharacterUnit/index.tsx | 2 +-
 components/GridRep/index.tsx       | 4 ++--
 components/SummonUnit/index.tsx    | 2 +-
 components/WeaponUnit/index.tsx    | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/CharacterUnit/index.tsx b/components/CharacterUnit/index.tsx
index 8d0a9b5b..b2a97795 100644
--- a/components/CharacterUnit/index.tsx
+++ b/components/CharacterUnit/index.tsx
@@ -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 
diff --git a/components/GridRep/index.tsx b/components/GridRep/index.tsx
index 1299eefb..5cb34459 100644
--- a/components/GridRep/index.tsx
+++ b/components/GridRep/index.tsx
@@ -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 (
diff --git a/components/SummonUnit/index.tsx b/components/SummonUnit/index.tsx
index 32cc287f..bad539fb 100644
--- a/components/SummonUnit/index.tsx
+++ b/components/SummonUnit/index.tsx
@@ -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 
diff --git a/components/WeaponUnit/index.tsx b/components/WeaponUnit/index.tsx
index 3e9e0963..4cc21c21 100644
--- a/components/WeaponUnit/index.tsx
+++ b/components/WeaponUnit/index.tsx
@@ -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