diff --git a/src/components/_ui/PartnerMarquee.jsx b/src/components/_ui/PartnerMarquee.jsx index 7021976..609abf0 100644 --- a/src/components/_ui/PartnerMarquee.jsx +++ b/src/components/_ui/PartnerMarquee.jsx @@ -1,16 +1,16 @@ import React, { useRef } from "react" import Image from "gatsby-image/withIEPolyfill" import useFixedPartnerLogos from "../../utils/queries/useFixedPartnerLogos" +import Partners from "../../utils/data/Partners.json" import Ticker from "react-ticker" import styled from "@emotion/styled" -const PartnerLogo = ({ partner }) => { +const PartnerLogo = ({ partner, urls }) => { const { images } = useFixedPartnerLogos() console.log(images) const logoFile = images.edges.find( - img => img.node.name === partner.toLowerCase() + (img) => img.node.name === partner.toLowerCase() ) - const source = logoFile.node.childImageSharp.fixed const LogoContainer = styled("div")` @@ -21,13 +21,15 @@ const PartnerLogo = ({ partner }) => { return ( - {`${partner} + + {`${partner} + ) } @@ -63,14 +65,7 @@ const PartnerMarqueeContainer = styled("div")` ` const PartnerMarquee = ({ partner }) => { - const partners = useRef([ - "atlassian", - "gojek", - "aws", - "grammarly", - "gsoc", - "hacktoberfest", - ]) + const partners = useRef(Partners) return ( @@ -79,7 +74,11 @@ const PartnerMarquee = ({ partner }) => { {() => ( {partners.current.map((partner, index) => ( - + ))} )} diff --git a/src/utils/data/Partners.json b/src/utils/data/Partners.json new file mode 100644 index 0000000..a08a76f --- /dev/null +++ b/src/utils/data/Partners.json @@ -0,0 +1,26 @@ +[ + { + "partner":"atlassian", + "url":"https://www.atlassian.com/" +}, +{ + "partner":"aws", + "url":"https://aws.amazon.com/" +}, +{ + "partner":"grammarly", + "url":"https://grammarly.com" +}, +{ + "partner":"gsoc", + "url":"https://summerofcode.withgoogle.com/" +}, +{ + "partner":"gojek", + "url":"https://www.gojek.com" +}, +{ + "partner":"hacktoberfest", + "url":"https://hacktoberfest.digitalocean.com/" +} +] \ No newline at end of file