import React from 'react';

const Fork = (props) => {
  return (
    <div className="btn-fork">
    </div>
  );
};
export default Fork;

@@ -24,113 +24,911 @@
 t';%0A
-%0Aconst Fork = (props) =%3E %7B%0A  return (%0A    %3Cdiv className=%22btn-fork%22%3E%0A    %3C/div%3E%0A  );%0A%7D;%0Aexport default 
+import %7B connect %7D from 'react-redux';%0Aimport %7B push %7D from 'react-router-redux';%0Aimport actions from '../actions/index.js';%0Aimport %7B forkRecipe %7D from '../utils/utils';%0A%0Aconst Fork = (props) =%3E %7B%0A  let forkComponent;%0A  if (props.userID) %7B%0A    forkComponent = (%3Cbutton className=%22btn-fork%22 onClick=%7B props.onForkClick.bind(null, props.recipeID, props.userID) %7D%3E%0A      Fork%0A    %3C/button%3E);%0A  %7D else %7B%0A    forkComponent = (%3Cbutton className=%22btn-fork%22 disabled%3EFork%3C/button%3E);%0A  %7D%0A  return forkComponent;%0A%7D;%0A%0Aconst mapStateToProps = (state) =%3E %7B%0A  return %7B%7D;%0A%7D;%0A%0Aconst mapDispatchToProps = (dispatch) =%3E %7B%0A  return %7B%0A    onForkClick: (recipeID, userID) =%3E %7B%0A      forkRecipe(recipeID, userID, (newRecipe) =%3E %7B%0A        dispatch(actions.forkRecipe(newRecipe));%0A        dispatch(push(%60/recipe/$%7BnewRecipe.id%7D%60));%0A      %7D);%0A    %7D,%0A  %7D;%0A%7D;%0A%0Aexport default connect(%0A  mapStateToProps,%0A  mapDispatchToProps%0A)(
 Fork
+)
 ;%0A

Make Fork its own component