From 3adaf422f2311553b3ebf80b8c2bbdb6bfd878f6 Mon Sep 17 00:00:00 2001
From: samgildea <gildea.s@husky.neu.edu>
Date: Sat, 15 May 2021 15:26:20 -0400
Subject: [PATCH] #37 adding key and updating alts from cms

---
 src/templates/product.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/templates/product.js b/src/templates/product.js
index f98c362..a4a5d2d 100644
--- 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}