From 73b5ef8832b5bebddb5e0192191069f968c58691 Mon Sep 17 00:00:00 2001
From: Jack Mallers <jimmymowschess@gmail.com>
Date: Thu, 26 Oct 2017 01:38:19 -0500
Subject: [PATCH] feature(channelform footer): hook up buttons if not step 1 or
 4

---
 app/components/ChannelForm/ChannelForm.js | 2 +-
 app/components/ChannelForm/Footer.js      | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/components/ChannelForm/ChannelForm.js b/app/components/ChannelForm/ChannelForm.js
index cde3b653..fe2cbf02 100644
--- a/app/components/ChannelForm/ChannelForm.js
+++ b/app/components/ChannelForm/ChannelForm.js
@@ -52,7 +52,7 @@ const ChannelForm = ({
         {renderStep()}
       </div>
 
-      <Footer step={channelform.step} />
+      <Footer step={channelform.step} changeStep={changeStep} />
     </ReactModal>
   )
 }
diff --git a/app/components/ChannelForm/Footer.js b/app/components/ChannelForm/Footer.js
index d4415521..a3609cc5 100644
--- a/app/components/ChannelForm/Footer.js
+++ b/app/components/ChannelForm/Footer.js
@@ -3,17 +3,19 @@ import PropTypes from 'prop-types'
 import { FaArrowLeft, FaArrowRight } from 'react-icons/lib/fa'
 import styles from './Footer.scss'
 
-const Footer = ({ step }) => {
+const Footer = ({ step, changeStep }) => {
   if ( step === 1 ) { return null }
 
+  if (step === 4 ) { return null }
+
   return (
     <div className={styles.footer}>
       <div className='buttonContainer circleContainer'>
-        <div className='buttonPrimary circle'>
+        <div className='buttonPrimary circle'onClick={() => changeStep(step - 1)}>
           <FaArrowLeft />
         </div>
       </div>
-      <div className='buttonContainer circleContainer'>
+      <div className='buttonContainer circleContainer' onClick={() => changeStep(step + 1)}>
         <div className='buttonPrimary circle'>
           <FaArrowRight />
         </div>