Current sync

client/src/homies/Homie.js

@@ -0,0 +1,55 @@
+import React, { useState, useEffect } from 'react'; 
+import {Icon, Select, TextInput, Button} from 'react-materialize';
+import './Homie.css';
+import axios from 'axios';
+
+const Homie = (props) => {
+
+  const [homieName, setHomieName] = useState("");
+ 
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    console.log("Submitting");
+  }
+
+  const formComplete = () => (
+    selectedFrom !== "" && 
+    selectedFrom !== selectedTo && 
+    selectedTo !== "" &&
+    amountToMove > 0
+  );
+
+return (
+<div className="center-align">
+   <form onSubmit={handleSubmit}>
+   <h3>Homie Data</h3>
+   <TextInput label="Homies Name" type="text" 
+               required defaultValue="" onChange={handleNameChange} />
+     <label>From: </label>
+     <Select  value={selectedFrom} name="from_homie" onChange={handleFromHomieChange}>
+       <option disabled value="" >Select Homie</option>
+        {homieOptions}
+     </Select>
+
+     <label>To: </label>
+     <Select  value={selectedTo} name="to_homie" onChange={handleToHomieChange}>
+        <option disabled value="">Select Homie</option>
+        {filteredHomieOptions}
+      </Select>
+      
+    
+      <div>  
+      <Button disabled={!formComplete()} waves="light">
+        Do it
+       <Icon left>
+         attach_money
+       </Icon>
+      </Button>
+      </div>
+   </form>
+</div>
+);
+
+}
+
+export default Homie;