From 8f4a5073a25d61444773df1b8ec7b181f0888ecc Mon Sep 17 00:00:00 2001 From: samgildea Date: Wed, 14 Apr 2021 21:57:33 -0400 Subject: [PATCH] #13 removing warnings, updating image alts and CMS --- src/components/footer/footer-styles.js | 2 -- src/components/footer/footer.js | 33 ++++++++++++++++++-------- src/schemas/footer.json | 18 ++++++++++++++ 3 files changed, 41 insertions(+), 12 deletions(-) diff --git a/src/components/footer/footer-styles.js b/src/components/footer/footer-styles.js index b54e237..acfb29b 100644 --- a/src/components/footer/footer-styles.js +++ b/src/components/footer/footer-styles.js @@ -11,7 +11,6 @@ export const FooterContainer = styled.div` width: 100%; color: ${colors.white900}; position: absolute; - bottom: ` export const FooterMainContent = styled.div` @@ -163,7 +162,6 @@ export const ScoutSection = styled.div` export const FooterSection = styled.div` position: relative; - // height: 725px; ` export const SockContainer = styled.div` diff --git a/src/components/footer/footer.js b/src/components/footer/footer.js index c551534..a6e27d6 100644 --- a/src/components/footer/footer.js +++ b/src/components/footer/footer.js @@ -21,8 +21,6 @@ import { SockCTA, FooterImage, } from "./footer-styles" -import BackgroundImage from "gatsby-background-image" - import { Sub1, Body } from "../../style/type-styles" export default function footer({ data }) { @@ -32,13 +30,16 @@ export default function footer({ data }) { query prismicFooter { prismicFooter { data { + powerhouse_title sock_description sock_title + address footer_image { url } email social_media { + social_type social_icon { url } @@ -51,12 +52,17 @@ export default function footer({ data }) { render={data => ( - footer background image + PowerHouse house footer background image - {data.prismicFooter.data.sock_title} + + + @@ -64,7 +70,9 @@ export default function footer({ data }) { {data.prismicFooter.data.sock_description} - Sign Up + + Sign Up + @@ -72,9 +80,11 @@ export default function footer({ data }) { - Powerhouse + + {data.prismicFooter.data.powerhouse_title} + - 123 Lorem Ipsum Dolor Tempor Incididunt YZ, 12345 123-456-7890 + {data.prismicFooter.data.address}{" "} @@ -110,10 +120,13 @@ export default function footer({ data }) { - {data.prismicFooter.data.social_media.map(social => { + {data.prismicFooter.data.social_media.map((social, idx) => { return ( - - social icon + + {social.social_type} ) })} diff --git a/src/schemas/footer.json b/src/schemas/footer.json index a82c425..4626c64 100644 --- a/src/schemas/footer.json +++ b/src/schemas/footer.json @@ -1,5 +1,17 @@ { "Main" : { + "powerhouse_title" : { + "type" : "Text", + "config" : { + "label" : "PowerHouse Title" + } + }, + "address" : { + "type" : "Text", + "config" : { + "label" : "Address" + } + }, "footer_image" : { "type" : "Image", "config" : { @@ -28,6 +40,12 @@ "label" : "Social Icon" } }, + "social_type" : { + "type" : "Text", + "config" : { + "label" : "social type" + } + }, "social_link" : { "type" : "Text", "config" : {