- added main layout, sidebar, toolbar;

- started dashboard page, added first widget;
- created new theme 'gepafin' - styles for the app;

src/components/ProtectedRoute/index.js

@@ -6,7 +6,7 @@ import AuthenticationService from '../../service/authentication-service';
 
 const ProtectedRoute = () => {
 
-    if (!AuthenticationService.wasLoggedIn()) {
+    /*if (!AuthenticationService.wasLoggedIn()) {
         return (<Navigate to={'/login'} replace/>);
     }
 
@@ -16,11 +16,11 @@ const ProtectedRoute = () => {
 
     if (!AuthenticationService.isLoggedIn()) {
         return (<Navigate to={'/login?redirectReason=auth_required'} replace/>);
-    }
+    }*/
 
-    if (window.location.pathname === '/') {
-        return (<Navigate to={'/pages/dashboard'} replace/>);
-    }
+    /*if (window.location.pathname === '/') {
+        return (<Navigate to={'/dashboard'} replace/>);
+    }*/
 
     return <Outlet/>;
 }

src/components/TopBarProfileMenu/index.js

@@ -0,0 +1,50 @@
+import React, { useRef } from 'react';
+import { __ } from '@wordpress/i18n';
+
+// components
+import { Menu } from 'primereact/menu';
+import { Avatar } from 'primereact/avatar';
+import { Toast } from 'primereact/toast';
+
+const TopBarProfileMenu = ({ menuLeftRef }) => {
+    const toast = useRef();
+
+    let items = [
+        {
+            template: (item, options) => {
+                return (
+                    <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>
+                        </div>
+                    </div>
+                );
+            }
+        },
+        {
+            label: __('Il mio profilo', 'gepafin'),
+            command: () => {
+                console.log('go to profile page')
+            }
+        },
+        {
+            separator: true
+        },
+        {
+            label: __('Logout', 'gepafin'),
+            icon: 'pi pi-sign-out',
+            command: () => {
+                console.log('logout')
+            }
+        }
+    ];
+
+    return <>
+        <Toast ref={toast}/>
+        <Menu model={items} popup ref={menuLeftRef} id="topBar_profileMenu" className="topBar__menuProfile"/>
+    </>
+}
+
+export default TopBarProfileMenu;