AJR/TechRadarAJR
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor FooterEnd to accept modifier parameter

Browse Source
This commit is contained in:
Mathias Schopmans
2017-04-06 16:55:01 +02:00
parent fcc28a1322
commit 029eacb8bf
2 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
js/components/FooterEnd.js
View File

@@ -1,10 +1,9 @@
import React from 'react'; import React from 'react';
import classNames from 'classnames'; import classNames from 'classnames';
import { getItemPageNames, isMobileViewport } from '../../common/config';
export default function FooterEnd({ items, pageName }) { export default function FooterEnd({modifier}) {
return ( 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">
<div className="footer-social__label"> <div className="footer-social__label">
<p>Follow us:</p> <p>Follow us:</p>

2
styles/components/footerend.css
View File

@@ -11,7 +11,7 @@
color: var(--color-gray-normal); color: var(--color-gray-normal);
} }
&--left { &__in-sidebar {
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
margin-top: 100px; margin-top: 100px;