simplify move money page

client/src/homies/Homies.js

@@ -3,9 +3,10 @@ import { withRouter } from 'react-router-dom';
 import axios from 'axios';
 import { errorToast } from "../common/errorHelpers";
 import NewHomieForm from './NewHomieForm';
-import { Button } from 'react-materialize';
+import { Button, Icon } from 'react-materialize';
 import M from 'materialize-css';
 import YesNoModal from "../common/YesNoModal";
+import RoutableNavItem from "../common/RoutableNavItem";
 
 const Homies = (props) => {
   const [homies, setHomies] = useState([]);
@@ -25,7 +26,7 @@ const Homies = (props) => {
         errorToast();
       }
     })();
-  }, []);
+  }, [gang]);
 
   const deleteHomie = async (id) => {
     try {
@@ -52,6 +53,13 @@ const Homies = (props) => {
               <div className="grey-text">{ homie.about }</div>
             </div>
 
+            <RoutableNavItem additionalClasses="push" href={`/homie/${homie.id}/move-money`}>
+              <Button>
+                Move money
+                <Icon left>monetization_on</Icon>
+              </Button>
+            </RoutableNavItem>
+
             <YesNoModal
               body={"Maan, y'a sure about this?"}
               yesAction={() => deleteHomie(homie.id)}