fix(footer): update footer component

Metnew · Feb 18, 2018 · 69e8f5f · 69e8f5f
1 parent 78a53ad
commit 69e8f5f
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 27 deletions.
diff --git a/.../Footer/__snapshots__/index.test.jsx.snap → .../Footer/__snapshots__/index.test.jsx.snap b/.../Footer/__snapshots__/index.test.jsx.snap → .../Footer/__snapshots__/index.test.jsx.snap
@@ -2,7 +2,9 @@
 
 exports[`Footer component same snapshot 1`] = `
 <style__StyledFooter>
-  <style__StyledFooterInner>
+  <div
+    className="footer-inner"
+  >
     <Grid
       relaxed={true}
     >
@@ -27,18 +29,14 @@ exports[`Footer component same snapshot 1`] = `
               <HeaderContent>
                 Suicrux
                 <HeaderSubheader>
-                  Starter for 
-                  <s>
-                    blade
-                  </s>
-                   bleeding-edge runners
+                  Carefully collected only things your really need 🖤
                 </HeaderSubheader>
               </HeaderContent>
             </Header>
           </a>
         </GridColumn>
       </GridRow>
     </Grid>
-  </style__StyledFooterInner>
+  </div>
 </style__StyledFooter>
 `;
diff --git a/src/common/components/parts/Footer/index.jsx → src/common/components/Footer/index.jsx b/src/common/components/parts/Footer/index.jsx → src/common/components/Footer/index.jsx
@@ -3,12 +3,12 @@
  */
 import React from 'react'
 import {Grid, Header, Icon} from 'semantic-ui-react'
-import {StyledFooter, StyledFooterInner} from './style'
+import {StyledFooter} from './style'
 
 const Footer = () => {
 	return (
 		<StyledFooter>
-			<StyledFooterInner>
+			<div className="footer-inner">
 				<Grid relaxed>
 					<Grid.Row verticalAlign="middle">
 						<Grid.Column width={12} mobile={16}>
@@ -18,15 +18,15 @@ const Footer = () => {
 									<Header.Content>
 										Suicrux
 										<Header.Subheader>
-											Starter for <s>blade</s> bleeding-edge runners
+											Best carefully selected libs ❤️
 										</Header.Subheader>
 									</Header.Content>
 								</Header>
 							</a>
 						</Grid.Column>
 					</Grid.Row>
 				</Grid>
-			</StyledFooterInner>
+			</div>
 		</StyledFooter>
 	)
 }

diff --git a/...on/components/parts/Footer/index.test.jsx → src/common/components/Footer/index.test.jsx b/...on/components/parts/Footer/index.test.jsx → src/common/components/Footer/index.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import Footer from 'components/parts/Footer'
+import Footer from 'components/Footer'
 import {shallow} from 'enzyme'
 import toJson from 'enzyme-to-json'
 

diff --git a/src/common/components/Footer/style.jsx b/src/common/components/Footer/style.jsx
@@ -0,0 +1,15 @@
+import styled from 'styled-components'
+
+export const StyledFooter = styled.footer`
+	width: 100%;
+	display: flex;
+	align-items: center;
+	background-color: ${props => props.theme.black};
+	color: ${props => props.theme.white};
+	height: 72px;
+	min-height: 72px;
+
+	.footer-inner {
+		padding: 15px 1rem;
+	}
+`
diff --git a/src/common/components/parts/Footer/style.jsx b/src/common/components/parts/Footer/style.jsx