From 125abe45d99eb2687c58bdabbc086cd57d16c08a Mon Sep 17 00:00:00 2001
From: Toni Ristola <tristola@gmail.com>
Date: Fri, 25 Oct 2019 09:34:20 +0300
Subject: [PATCH] refactored sponsor data into directory data

---
 components/Footer.jsx              | 22 +++++-----------------
 data/{indexData.js => projects.js} |  3 ++-
 data/sponsors.js                   | 23 +++++++++++++++++++++++
 pages/index.jsx                    |  2 +-
 4 files changed, 31 insertions(+), 19 deletions(-)
 rename data/{indexData.js => projects.js} (91%)
 create mode 100644 data/sponsors.js

diff --git a/components/Footer.jsx b/components/Footer.jsx
index 75e8f71..1fe36df 100644
--- a/components/Footer.jsx
+++ b/components/Footer.jsx
@@ -1,12 +1,12 @@
 import React from "react";
 import EmailComponent from "./EmailComponent";
-
-const SponsorLink = ({ href, id, name }) => (
+import sponsors from "../data/sponsors"
+const SponsorLink = ({ href, name }) => (
   <a href={href} target="_blank" rel="noopener noreferrer">
     <img
-      src={`/static/images/sponsors/${id}.${id === "nordea" ? "png" : "svg"}`}
+      src={`/static/images/sponsors/${name}.${name === "Nordea" ? "png" : "svg"}`}
       alt={name}
-      className={`sponsor sponsor__${id}`}
+      className={`sponsor sponsor__${name.toLowerCase()}`}
     />
   </a>
 );
@@ -16,19 +16,7 @@ export function Footer() {
     <footer>
       <div className="sponsors">
         <div className="sponsors__label">Yhteistyössä</div>
-        <SponsorLink
-          id="futurice"
-          name="Futurice"
-          href="http://futurice.com/"
-        />
-        <SponsorLink
-          id="metosin"
-          name="Metosin"
-          href="http://www.metosin.fi/"
-        />
-        <SponsorLink id="solita" name="Solita" href="https://www.solita.fi/" />
-        <SponsorLink id="wakeone" name="Wakeone" href="http://wakeone.co/" />
-        <SponsorLink id="nordea" name="Nordea" href="https://www.nordea.com/" />
+        {sponsors.map(sponsor => <SponsorLink key={sponsor.id} {...sponsor} />)}
       </div>
       <div className="contacts">
         <div>
diff --git a/data/indexData.js b/data/projects.js
similarity index 91%
rename from data/indexData.js
rename to data/projects.js
index f8c1fb8..19aa5da 100644
--- a/data/indexData.js
+++ b/data/projects.js
@@ -1,4 +1,4 @@
-export const projects = [
+const projects = [
   {
     title: "RE:DOM",
     description:
@@ -25,3 +25,4 @@ export const projects = [
     image: "/static/images/avain.svg",
   },
 ];
+export default projects;
diff --git a/data/sponsors.js b/data/sponsors.js
new file mode 100644
index 0000000..ddd18d5
--- /dev/null
+++ b/data/sponsors.js
@@ -0,0 +1,23 @@
+const sponsors = [
+  {
+    name: "Futurice",
+    href: "http://futurice.com/",
+  },
+  {
+    name: "Metosin",
+    href: "http://www.metosin.fi/",
+  },
+  {
+    name: "Solita",
+    href: "https://www.solita.fi/",
+  },
+  {
+    name: "Wakeone",
+    href: "http://wakeone.co/",
+  },
+  {
+    name: "Nordea",
+    href: "https://www.nordea.fi/",
+  },
+];
+export default sponsors;
diff --git a/pages/index.jsx b/pages/index.jsx
index c34a68f..5842ba3 100644
--- a/pages/index.jsx
+++ b/pages/index.jsx
@@ -5,7 +5,7 @@ import Head from "next/head";
 import InviteForm from "../components/InviteForm";
 import Members from "../components/Members";
 import Feed from "../components/Feed";
-import { projects } from "../data/indexData";
+import projects from "../data/projects";
 
 const Hero = () => (
   <div className="header">