ProfileSheet Refactoring

README.md

@@ -20,7 +20,7 @@ App.js
 |    |    |
 |    |    |- UserTabs
 |    |    |    |
-|    |    |    |- Tab 1 - UserUpdate
+|    |    |    |- Tab 1 - ProfileSheet
 |    |    |    |
 |    |    |    |- Tab 2 - ManageImages
 |    |

client/src/components/ProfileSheet.js

@@ -62,7 +62,7 @@ const styles = theme => ({
   }
 })
 
-class UserUpdate extends Component {
+class ProfileSheet extends Component {
 
   constructor (props) {
     super(props)
@@ -467,4 +467,4 @@ export default compose(
   graphql(getRolesQuery, {name: 'getRolesQuery'}),
   graphql(updateUserMutation, {name: 'updateUserMutation'}),
   withStyles(styles)
-)(UserUpdate) // This technique binds more than one query to a single component.
+)(ProfileSheet) // This technique binds more than one query to a single component.

client/src/components/UserTabs.js

@@ -11,7 +11,7 @@ import Typography from '@material-ui/core/Typography';
 
 // Components
 
-import UserUpdate from './UserUpdate';
+import ProfileSheet from './ProfileSheet';
 import UserImages from './UserImages';
 import YourReferrer from './YourReferrer';
 
@@ -66,7 +66,7 @@ class UserTabs extends React.Component {
             <Tab label="Your Referrer" icon={<ReferralsIcon />} />
           </Tabs>
         </AppBar>
-        {value === 0 && <TabContainer><UserUpdate/></TabContainer>}
+        {value === 0 && <TabContainer><ProfileSheet/></TabContainer>}
         {value === 1 && <TabContainer><UserImages/></TabContainer>}
         {value === 2 && <TabContainer><YourReferrer/></TabContainer>}
       </div>