#37 adding key and updating alts from cms

Scout-NU · May 15, 2021 · 3adaf42 · 3adaf42
1 parent 1dce933
commit 3adaf42
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/templates/product.js b/src/templates/product.js
@@ -39,6 +39,7 @@ export default function Product({ data }) {
         <HeroSection>
           <ImageContainer>
             <img
+              alt={products.data.product_images[mainImage].image.alt}
               src={products.data.product_images[mainImage].image.url}
               className="main-image"
             />
@@ -51,7 +52,6 @@ export default function Product({ data }) {
                     alt={image.alt}
                     key={id}
                   />
-                  {console.log(image)}
                 </>
               )
             })}
@@ -132,13 +132,12 @@ export default function Product({ data }) {
           <div>
             {products.data.features.map((feature, id) => {
               return (
-                <Feature>
+                <Feature key={id}>
                   <FeatureName>
                     <Sub1>{feature.feature_name}</Sub1>
                   </FeatureName>
                   <FeatureImage>
                     <img
-                      key={id}
                       className={id === 0 ? " first-image " : ""}
                       className={id !== 0 ? " not-image " : ""}
                       src={feature.feature_image.url}