From 29c596510fd8095f17d3894178608c28e2c2038d Mon Sep 17 00:00:00 2001
From: Aarni Koskela <akx@iki.fi>
Date: Thu, 24 Oct 2019 18:34:46 +0300
Subject: [PATCH] Refactor sponsors in footer

---
 components/Footer.jsx                     |  50 ++++++++++------------
 static/images/{ => sponsors}/futurice.svg |   0
 static/images/{ => sponsors}/metosin.svg  |   0
 static/images/{ => sponsors}/nordea.png   | Bin
 static/images/{ => sponsors}/solita.svg   |   0
 static/images/{ => sponsors}/wakeone.svg  |   0
 6 files changed, 23 insertions(+), 27 deletions(-)
 rename static/images/{ => sponsors}/futurice.svg (100%)
 rename static/images/{ => sponsors}/metosin.svg (100%)
 rename static/images/{ => sponsors}/nordea.png (100%)
 rename static/images/{ => sponsors}/solita.svg (100%)
 rename static/images/{ => sponsors}/wakeone.svg (100%)

diff --git a/components/Footer.jsx b/components/Footer.jsx
index d8b9b5a..75e8f71 100644
--- a/components/Footer.jsx
+++ b/components/Footer.jsx
@@ -1,38 +1,34 @@
 import React from "react";
 import EmailComponent from "./EmailComponent";
 
+const SponsorLink = ({ href, id, name }) => (
+  <a href={href} target="_blank" rel="noopener noreferrer">
+    <img
+      src={`/static/images/sponsors/${id}.${id === "nordea" ? "png" : "svg"}`}
+      alt={name}
+      className={`sponsor sponsor__${id}`}
+    />
+  </a>
+);
+
 export function Footer() {
   return (
     <footer>
       <div className="sponsors">
         <div className="sponsors__label">Yhteistyössä</div>
-        <a href="http://futurice.com/" target="_blank">
-          <img
-            src="/static/images/futurice.svg"
-            className="sponsor sponsor__futurice"
-          />
-        </a>
-        <a href="http://www.metosin.fi/" target="_blank">
-          <img
-            src="/static/images/metosin.svg"
-            className="sponsor sponsor__metosin"
-          />
-        </a>
-        <a href="https://www.solita.fi/" target="_blank">
-          <img src="/static/images/solita.svg" className="sponsor" />
-        </a>
-        <a href="http://wakeone.co/" target="_blank">
-          <img
-            src="/static/images/wakeone.svg"
-            className="sponsor sponsor__wakeone"
-          />
-        </a>
-        <a href="https://www.nordea.com/" target="_blank">
-          <img
-            src="/static/images/nordea.png"
-            className="sponsor sponsor__nordea"
-          />
-        </a>
+        <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/" />
       </div>
       <div className="contacts">
         <div>
diff --git a/static/images/futurice.svg b/static/images/sponsors/futurice.svg
similarity index 100%
rename from static/images/futurice.svg
rename to static/images/sponsors/futurice.svg
diff --git a/static/images/metosin.svg b/static/images/sponsors/metosin.svg
similarity index 100%
rename from static/images/metosin.svg
rename to static/images/sponsors/metosin.svg
diff --git a/static/images/nordea.png b/static/images/sponsors/nordea.png
similarity index 100%
rename from static/images/nordea.png
rename to static/images/sponsors/nordea.png
diff --git a/static/images/solita.svg b/static/images/sponsors/solita.svg
similarity index 100%
rename from static/images/solita.svg
rename to static/images/sponsors/solita.svg
diff --git a/static/images/wakeone.svg b/static/images/sponsors/wakeone.svg
similarity index 100%
rename from static/images/wakeone.svg
rename to static/images/sponsors/wakeone.svg