remove usermanagment from the backoffice

apps/backoffice/src/app/app.tsx

@@ -1,17 +1,7 @@
-import { useEffect } from 'react';
-import { configureIam } from '@tria-plc/iamui-common';
 import { AppProviders } from './providers/AppProviders';
 import { AppRouter } from './router';
 
-const BASE_API_URL =
-  (import.meta as { env?: Record<string, string> }).env?.['VITE_BASE_API_URL'] ??
-  'http://localhost:3001/api';
-
 export function App() {
-  useEffect(() => {
-    configureIam({ apiUrl: BASE_API_URL });
-  }, []);
-
   return (
     <AppProviders>
       <AppRouter />

apps/backoffice/src/app/iam/IamProviders.tsx

@@ -1,41 +0,0 @@
-import { type ReactNode } from 'react';
-import {
-  AuthProvider,
-  PermissionProvider,
-  BrandingProvider,
-  BreadcrumbProvider,
-  UnitProvider,
-  UserProvider,
-} from '@tria-plc/iamui-common';
-
-interface IamProvidersProps {
-  children: ReactNode;
-}
-
-export function IamProviders({ children }: IamProvidersProps) {
-  return (
-    <AuthProvider>
-      <BrandingProvider>
-        <BreadcrumbProvider>
-          <PermissionProvider>
-            <UnitProvider>
-              <UserProvider>
-                {children}
-              </UserProvider>
-            </UnitProvider>
-          </PermissionProvider>
-        </BreadcrumbProvider>
-      </BrandingProvider>
-    </AuthProvider>
-  );
-}
-
-export function AuthProviders({ children }: { children: ReactNode }) {
-  return (
-    <AuthProvider>
-      <BrandingProvider>
-        {children}
-      </BrandingProvider>
-    </AuthProvider>
-  );
-}

apps/backoffice/src/app/iam/pages/AuditLogPage.tsx

@@ -1,14 +0,0 @@
-import { AuditLogPage } from '@tria-plc/iamui-common';
-import { IamProviders } from '../IamProviders';
-
-export function AuditLogPageWrapper() {
-  return (
-    <IamProviders>
-      <AuditLogPage
-        moduleKey="backoffice"
-        title="Audit Log"
-        subtitle="Track all activities and changes in the backoffice"
-      />
-    </IamProviders>
-  );
-}

apps/backoffice/src/app/layouts/components/AppHeader.tsx

@@ -1,18 +1,19 @@
 import { Group, Text, ActionIcon, Burger } from '@mantine/core';
 import { IconLogout } from '@tabler/icons-react';
 import { useNavigate } from 'react-router-dom';
-import { useAuthUser } from '@tria-plc/iamui-common';
+import { useDispatch } from 'react-redux';
+import { logout } from '@ema-platform/auth';
 
 interface AppHeaderProps {
   onToggle: () => void;
 }
 
 export function AppHeader({ onToggle }: AppHeaderProps) {
-  const { logout } = useAuthUser();
+  const dispatch = useDispatch();
   const navigate = useNavigate();
 
   const handleLogout = () => {
-    logout();
+    dispatch(logout());
     navigate('/login');
   };
 

apps/backoffice/src/app/router/index.tsx

@@ -5,7 +5,9 @@ import {
   OTPVerificationPage,
 } from '@ema-platform/auth';
 import { AuthLayout } from '../layouts/AuthLayout';
-import { AuthProviders } from '../iam/IamProviders';
+import { BackofficeLayout } from '../layouts/BackofficeLayout';
+import { ProtectedRoute } from './ProtectedRoute';
+import { DashboardPage } from '../features/dashboard/pages/DashboardPage';
 import UserManagementHostPage from '../features/user-management-host/UserManagementHostPage';
 
 const router = createBrowserRouter([
@@ -17,6 +19,17 @@ const router = createBrowserRouter([
       { path: '/otp-verify', element: <OTPVerificationPage /> },
     ],
   },
+  {
+    element: <ProtectedRoute />,
+    children: [
+      {
+        element: <BackofficeLayout />,
+        children: [
+          { path: '/dashboard', element: <DashboardPage /> },
+        ],
+      },
+    ],
+  },
   { path: '/um/*', element: <UserManagementHostPage /> },
   { path: '/404', element: <div>Page not found</div> },
   { path: '*', element: <Navigate to="/404" replace /> },

apps/backoffice/src/main.tsx

@@ -3,7 +3,6 @@ import { createRoot } from 'react-dom/client';
 import '@mantine/core/styles.css';
 import '@mantine/notifications/styles.css';
 import '@mantine/dates/styles.css';
-import '@tria-plc/iamui-common/styles.css';
 import './styles.css';
 import { App } from './app/app';