- saving progress;

src/components/TopBarProfileMenu/index.js

@@ -2,13 +2,14 @@ import React, { useRef } from 'react';
 import { __ } from '@wordpress/i18n';
 
 // store
-import { storeSet } from '../../store';
+import { storeSet, useTrackedStore } from '../../store';
 
 // components
 import { Menu } from 'primereact/menu';
 import { Avatar } from 'primereact/avatar';
 
 const TopBarProfileMenu = ({ menuLeftRef }) => {
+    const userData = useTrackedStore().main.userData();
 
     let items = [
         {
@@ -17,8 +18,8 @@ const TopBarProfileMenu = ({ menuLeftRef }) => {
                     <div className="topBar__menuProfileItem">
                         <Avatar image="https://primefaces.org/cdn/primereact/images/avatar/amyelsner.png" shape="circle" />
                         <div className="userInfo">
-                            <span className="userName">Mario Rossi</span>
-                            <span className="userEmail">mario.rossi@example.com</span>
+                            <span className="userName">{`${userData.firstName} ${userData.lastName}`}</span>
+                            <span className="userEmail">{userData.email}</span>
                         </div>
                     </div>
                 );