Update user mock and use avatar image

src/app/AuthenticatedApp.js

@@ -32,6 +32,7 @@ function AuthenticatedApp() {
           }
           layoutType={layoutType}
           avatarMenuOptions={avatarMenuOptions(navigate, logout)}
+          user={state.user}
         />
         <Container
           maxWidth="false"

src/components/Toolbar/index.js

@@ -13,7 +13,7 @@ import { useState } from 'react';
 
 import styles from './styles';
 
-function Toolbar({ title, layoutType, avatarMenuOptions }) {
+function Toolbar({ title, layoutType, avatarMenuOptions, user }) {
   const {
     box,
     menuBoxContainer,
@@ -63,7 +63,7 @@ function Toolbar({ title, layoutType, avatarMenuOptions }) {
                 onClick={e => setAnchorElUser(e.currentTarget)}
                 sx={{ p: 0 }}
               >
-                <Avatar alt="Remy Sharp" src="/static/images/avatar/2.jpg" />
+                <Avatar alt={user.firstName} src={user.avatar} />
               </IconButton>
             </Tooltip>
 
@@ -125,7 +125,7 @@ function Toolbar({ title, layoutType, avatarMenuOptions }) {
                 onClick={e => setAnchorElUser(e.currentTarget)}
                 sx={{ p: 0 }}
               >
-                <Avatar alt="Remy Sharp" src="/static/images/avatar/2.jpg" />
+                <Avatar alt={user.firstName} src={user.avatar} />
               </IconButton>
             </Tooltip>
 

src/services/mocks.js

@@ -523,11 +523,19 @@ const allPeople = [
 ];
 
 const user = {
-  id: '0021564',
+  id: '123',
-  username: 'leonardomurca',
+  ra: '0021564',
-  name: 'Leonardo',
+  username: 'leo@gmail.com',
+  email: 'leo@gmail.com',
+  password: '#leo1234', // TODO: Remove this!
+  firstName: 'Leonardo',
   lastName: 'Murça',
   token: 'skdfb9458hnsdfsif4w38r9234ry98423',
+  phone: '31992460019',
+  avatar: 'https://i.pravatar.cc/300?img=61',
+  course: 0,
+  termsAgreed: true,
+  year: 0,
 };
 
 const authFailure = {