From cc2afb378d0faac579a8682aa9bed2a4778899d8 Mon Sep 17 00:00:00 2001
From: srksumanth <srksumanth@gmail.com>
Date: Mon, 1 Oct 2018 23:33:57 +0530
Subject: [PATCH 1/2] update

---
 components/dashboard/BankDetails.js | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/components/dashboard/BankDetails.js b/components/dashboard/BankDetails.js
index ab9ca05..b40308f 100644
--- a/components/dashboard/BankDetails.js
+++ b/components/dashboard/BankDetails.js
@@ -126,7 +126,6 @@ class UpdateProfile extends Component {
             </p>
             <form className={classes.container} noValidate autoComplete="off">
               <TextField
-                id="name"
                 label="Bank Account Number"
                 className={classes.textField}
                 value={this.state.account}
@@ -136,7 +135,6 @@ class UpdateProfile extends Component {
                 required
               />
               <TextField
-                id="name"
                 label="Bank's Name"
                 className={classes.textField}
                 value={this.state.bank}
@@ -146,7 +144,6 @@ class UpdateProfile extends Component {
                 required
               />
               <TextField
-                id="name"
                 label="IFSC"
                 className={classes.textField}
                 value={this.state.ifsc}
@@ -156,7 +153,6 @@ class UpdateProfile extends Component {
                 required
               />
               <TextField
-                id="name"
                 label="Branch Code"
                 className={classes.textField}
                 value={this.state.branchCode}

From cb5bc22b3dd723d1dcc72f0a4ccd483a5b071370 Mon Sep 17 00:00:00 2001
From: srksumanth <srksumanth@gmail.com>
Date: Mon, 1 Oct 2018 23:34:30 +0530
Subject: [PATCH 2/2] Make profile editable

---
 components/dashboard/profile/Index.js         |  2 +-
 components/dashboard/profile/Profile.js       | 36 +++++++++++++++----
 components/dashboard/profile/UpdateProfile.js | 31 +++++++---------
 3 files changed, 43 insertions(+), 26 deletions(-)

diff --git a/components/dashboard/profile/Index.js b/components/dashboard/profile/Index.js
index 7878e59..e479ae2 100644
--- a/components/dashboard/profile/Index.js
+++ b/components/dashboard/profile/Index.js
@@ -70,7 +70,7 @@ export default class extends Component {
     } else {
       return (
         <>
-          <ToggleDisplay hide={this.state.profileEditable}>
+          <ToggleDisplay hide={profileEditable}>
             <Profile
               profile={profile}
               toggleProfileForm={this.toggleProfileForm}
diff --git a/components/dashboard/profile/Profile.js b/components/dashboard/profile/Profile.js
index 69fbe2d..39ac10b 100644
--- a/components/dashboard/profile/Profile.js
+++ b/components/dashboard/profile/Profile.js
@@ -10,6 +10,32 @@ const styles = theme => ({
     paddingBottom: theme.spacing.unit * 2
   }
 });
+function renderOtherFields(profile) {
+  if (profile.phone) {
+    return (
+      <>
+        <p>
+          <b>Phone</b> :&nbsp;
+          {profile.phone}
+        </p>
+        <p>
+          <b>College</b> :&nbsp;
+          {profile.college}
+        </p>
+      </>
+    );
+  }
+  return (
+    <>
+      <p>
+        <b>Phone</b> :&nbsp; Not provided
+      </p>
+      <p>
+        <b>College</b> :&nbsp; Not provided
+      </p>
+    </>
+  );
+}
 export default withStyles(styles)(function({
   profile,
   toggleProfileForm,
@@ -63,18 +89,16 @@ export default withStyles(styles)(function({
               <b>Gender</b> :&nbsp;
               {profile.gender}
             </p>
-            <p>
-              <b>College</b> :&nbsp;
-              {profile.college}
-            </p>
-            <ToggleDisplay hide={profile.updatedProfile}>
+
+            {renderOtherFields(profile)}
+            <ToggleDisplay>
               <Button
                 color="primary"
                 variant="contained"
                 onClick={toggleProfileForm}
                 style={{ margin: "auto" }}
               >
-                UPDATE PROFILE
+                {profile.updatedProfile ? "EDIT PROFILE" : "UPDATE PROFILE"}
               </Button>
             </ToggleDisplay>
           </Paper>
diff --git a/components/dashboard/profile/UpdateProfile.js b/components/dashboard/profile/UpdateProfile.js
index 4497801..3ad5ac1 100644
--- a/components/dashboard/profile/UpdateProfile.js
+++ b/components/dashboard/profile/UpdateProfile.js
@@ -46,17 +46,10 @@ class UpdateProfile extends Component {
     colleges: []
   };
 
-  static getDerivedStateFromProps(props, state) {
-    let newState = { ...state };
-    if (props.profile) {
-      newState.name = props.profile.name;
-      if (props.profile.gender) {
-        newState.gender = props.profile.gender;
-      }
-    }
-    return newState;
-  }
   componentDidMount() {
+    if (this.props.profile) {
+      this.setState({ ...this.state, ...this.props.profile });
+    }
     this.fetchAllCities();
   }
   fetchAllCities = () => {
@@ -131,9 +124,9 @@ class UpdateProfile extends Component {
       <div className="row center-md center-xs center-lg">
         <div className="col-md-6">
           <Paper className={classes.root} elevation={1}>
-            <p style={{ textAlign: "center", color: "red" }}>
-              * These fields must be filled and can only be updated once *
-            </p>
+            <h3 style={{ textAlign: "center", color: "#4caf50" }}>
+              UPDATE PROFILE
+            </h3>
             <form className={classes.container} noValidate autoComplete="off">
               <TextField
                 id="name"
@@ -239,16 +232,16 @@ class UpdateProfile extends Component {
                 fullWidth
                 required
               >
-                <MenuItem value={1}>1</MenuItem>
-                <MenuItem value={2}>2</MenuItem>
-                <MenuItem value={3}>3</MenuItem>
-                <MenuItem value={4}>4</MenuItem>
+                <MenuItem value="1">1</MenuItem>
+                <MenuItem value="2">2</MenuItem>
+                <MenuItem value="3">3</MenuItem>
+                <MenuItem value="4">4</MenuItem>
               </TextField>
-              <div>
+              {/* <div>
                 <p style={{ textAlign: "center", color: "red" }}>
                   * These fields must be filled and can only be updated once *
                 </p>
-              </div>
+              </div> */}
               <Button
                 color="primary"
                 variant="contained"