User Update refactored

client/src/components/UserTabs.js

@@ -11,7 +11,7 @@ import Typography from '@material-ui/core/Typography';
 
 // Components
 
-import UpdateUser from './UpdateUser';
+import UserUpdate from './UserUpdate';
 
 function TabContainer(props) {
   return (
@@ -61,7 +61,7 @@ class UserTabs extends React.Component {
             <Tab label="Manage Images" icon={<ImageIcon />} />
           </Tabs>
         </AppBar>
-        {value === 0 && <TabContainer><UpdateUser/></TabContainer>}
+        {value === 0 && <TabContainer><UserUpdate/></TabContainer>}
         {value === 1 && <TabContainer>Item Three</TabContainer>}
       </div>
     );

client/src/components/UserUpdate.js

@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom';
 import {graphql, compose} from 'react-apollo';
 import {getRolesQuery, updateUserMutation, getUsersQuery} from '../queries/queries';
 
-class UpdateUser extends Component {
+class UserUpdate extends Component {
 
     constructor(props){
     super(props);
@@ -188,4 +188,4 @@ class UpdateUser extends Component {
 export default compose(
   graphql(getRolesQuery, {name: "getRolesQuery"}),
   graphql(updateUserMutation, {name: "updateUserMutation"})
-) (UpdateUser); // This technique binds more than one query to a single component.
+) (UserUpdate); // This technique binds more than one query to a single component.