Client - add first day of week in user profile - #23

fittrackee_client/src/components/User/Profile.jsx

@@ -46,6 +46,7 @@ function Profile({ message, onDeletePicture, onUploadPicture, user }) {
                     <p>Location: {user.location}</p>
                     <p>Bio: {user.bio}</p>
                     <p>Time zone: {user.timezone}</p>
+                    <p>First day of week: {user.weekm ? 'Monday' : 'Sunday'}</p>
                   </div>
                   <div className="col-md-4">
                     {user.picture === true && (

fittrackee_client/src/components/User/ProfileEdit.jsx

@@ -40,7 +40,11 @@ class ProfileEdit extends React.Component {
 
   handleFormChange(e) {
     const { formData } = this.state
+    if (e.target.name === 'weekm') {
+      formData.weekm = e.target.value === 'Monday'
+    } else {
       formData[e.target.name] = e.target.value
+    }
     this.setState(formData)
   }
 
@@ -195,6 +199,20 @@ class ProfileEdit extends React.Component {
                               />
                             </label>
                           </div>
+                          <div className="form-group">
+                            <label>
+                              First day of week:
+                              <select
+                                name="weekm"
+                                className="form-control input-lg"
+                                value={formData.weekm ? 'Monday' : 'Sunday'}
+                                onChange={e => this.handleFormChange(e)}
+                              >
+                                <option value="Sunday">Sunday</option>
+                                <option value="Monday">Monday</option>
+                              </select>
+                            </label>
+                          </div>
                           <input
                             type="submit"
                             className="btn btn-primary btn-lg btn-block"