From 029eacb8bfe79533568d4ae1ed54efaf073cc8f9 Mon Sep 17 00:00:00 2001
From: Mathias Schopmans <mathias.schopmans@aoe.com>
Date: Thu, 6 Apr 2017 16:55:01 +0200
Subject: [PATCH] Refactor FooterEnd to accept modifier parameter

---
 js/components/FooterEnd.js      | 5 ++---
 styles/components/footerend.css | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/js/components/FooterEnd.js b/js/components/FooterEnd.js
index bd05a0f..806ac6e 100644
--- a/js/components/FooterEnd.js
+++ b/js/components/FooterEnd.js
@@ -1,10 +1,9 @@
 import React from 'react';
 import classNames from 'classnames';
-import { getItemPageNames, isMobileViewport } from '../../common/config';
 
-export default function FooterEnd({ items, pageName }) {
+export default function FooterEnd({modifier}) {
   return (
-        <div className={classNames('footer-end', {'footer-end--left': !isMobileViewport() && getItemPageNames(items).includes(pageName)})} >
+        <div className={classNames('footer-end', {[`footer-end__${modifier}`]: modifier})}>
             <div className="footer-social">
                 <div className="footer-social__label">
                     <p>Follow us:</p>
diff --git a/styles/components/footerend.css b/styles/components/footerend.css
index f84edde..f057376 100644
--- a/styles/components/footerend.css
+++ b/styles/components/footerend.css
@@ -11,7 +11,7 @@
     color: var(--color-gray-normal);
   }
 
-  &--left {
+  &__in-sidebar {
     flex-direction: column;
     align-items: flex-start;
     margin-top: 100px;