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 (
-
+
+
+
)
}
@@ -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