From 0ee31d79801d3755364bfc07c989d37f11275a74 Mon Sep 17 00:00:00 2001 From: samgildea Date: Wed, 12 May 2021 20:04:54 -0400 Subject: [PATCH] #18 about image alts and removing frragments --- src/components/about/about-style.js | 4 +++ src/components/about/about.js | 45 ++++++++++++++++++++--------- src/components/process/process.js | 1 - src/pages/about.js | 7 +++++ 4 files changed, 42 insertions(+), 15 deletions(-) diff --git a/src/components/about/about-style.js b/src/components/about/about-style.js index a7123c1..ee9b8af 100644 --- a/src/components/about/about-style.js +++ b/src/components/about/about-style.js @@ -388,3 +388,7 @@ export const IndustryContextBackgroundImage = styled.div` object-fit: cover; } ` + +export const AboutContainer = styled.div` + +` diff --git a/src/components/about/about.js b/src/components/about/about.js index 4468706..ca87277 100644 --- a/src/components/about/about.js +++ b/src/components/about/about.js @@ -34,6 +34,7 @@ import { CompetitorTH, ComparisonCTA, IndustryContextBackgroundImage, + AboutContainer, } from "./about-style" import Check from "../../vectors/CheckIcon.svg" @@ -41,19 +42,19 @@ import Xicon from "../../vectors/xicon.svg" export default function About({ data }) { return ( - <> +

About

 - + {data.mission_image.alt} - + {data.mission_icon.alt}

{data.mission_heading}

@@ -64,12 +65,18 @@ export default function About({ data }) { - + {data.industry_context_background_image.alt}
- + {data.industry_context_icon.alt}

{data.industry_context_heading}

@@ -77,7 +84,13 @@ export default function About({ data }) { return ( - + { {example.explanation_description} @@ -105,7 +118,10 @@ export default function About({ data }) { return ( - + {benefit.product_benefit_image.alt} {benefit.product_benefit_title} @@ -122,11 +138,9 @@ export default function About({ data }) { {data.company.map((competitor, id) => ( - <> - - {competitor.company_name} - - + + {competitor.company_name} + ))} {data.rows.map((feature, id) => ( @@ -182,7 +196,10 @@ export default function About({ data }) { return ( - + {member.team_member_image.alt}

{member.team_member_title}

{member.team_member_description} @@ -192,6 +209,6 @@ export default function About({ data }) { - + ) } diff --git a/src/components/process/process.js b/src/components/process/process.js index a098b64..b11be06 100644 --- a/src/components/process/process.js +++ b/src/components/process/process.js @@ -87,7 +87,6 @@ export default function Process({ data }) { - {console.log(data.prismicProcessPage.data.steps[0])} {data.prismicProcessPage.data.steps.map(step => { return ( diff --git a/src/pages/about.js b/src/pages/about.js index aa49993..332d563 100644 --- a/src/pages/about.js +++ b/src/pages/about.js @@ -34,22 +34,27 @@ export const query = graphql` explanation_description explanation_image { url + alt } } industry_context_heading industry_context_icon { url + alt } industry_context_background_image { url + alt } mission_description mission_heading mission_icon { url + alt } mission_image { url + alt } rows { feature_name @@ -60,6 +65,7 @@ export const query = graphql` product_benefit { product_benefit_image { url + alt } product_benefit_title } @@ -78,6 +84,7 @@ export const query = graphql` team_member_description team_member_image { url + alt } team_member_title }