From bd6fd97111b3029176b115e9bd9c86eced53bccf Mon Sep 17 00:00:00 2001
From: mengstabketemaw <mengstabrealk28@gmail.com>
Date: Sat, 13 Jun 2026 11:47:39 +0300
Subject: [PATCH] remove usermanagment from the backoffice

---
 apps/backoffice/src/app/app.tsx               | 10 -----
 apps/backoffice/src/app/iam/IamProviders.tsx  | 41 -------------------
 .../src/app/iam/pages/AuditLogPage.tsx        | 14 -------
 .../src/app/layouts/components/AppHeader.tsx  |  7 ++--
 apps/backoffice/src/app/router/index.tsx      | 15 ++++++-
 apps/backoffice/src/main.tsx                  |  1 -
 6 files changed, 18 insertions(+), 70 deletions(-)
 delete mode 100644 apps/backoffice/src/app/iam/IamProviders.tsx
 delete mode 100644 apps/backoffice/src/app/iam/pages/AuditLogPage.tsx

diff --git a/apps/backoffice/src/app/app.tsx b/apps/backoffice/src/app/app.tsx
index 154525112..9f6a7420b 100644
--- a/apps/backoffice/src/app/app.tsx
+++ b/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 />
diff --git a/apps/backoffice/src/app/iam/IamProviders.tsx b/apps/backoffice/src/app/iam/IamProviders.tsx
deleted file mode 100644
index 2646c545a..000000000
--- a/apps/backoffice/src/app/iam/IamProviders.tsx
+++ /dev/null
@@ -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>
-  );
-}
diff --git a/apps/backoffice/src/app/iam/pages/AuditLogPage.tsx b/apps/backoffice/src/app/iam/pages/AuditLogPage.tsx
deleted file mode 100644
index 606f9cb0f..000000000
--- a/apps/backoffice/src/app/iam/pages/AuditLogPage.tsx
+++ /dev/null
@@ -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>
-  );
-}
diff --git a/apps/backoffice/src/app/layouts/components/AppHeader.tsx b/apps/backoffice/src/app/layouts/components/AppHeader.tsx
index f9ec47ee3..c189de326 100644
--- a/apps/backoffice/src/app/layouts/components/AppHeader.tsx
+++ b/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');
   };
 
diff --git a/apps/backoffice/src/app/router/index.tsx b/apps/backoffice/src/app/router/index.tsx
index 153f96256..9df9424ed 100644
--- a/apps/backoffice/src/app/router/index.tsx
+++ b/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 /> },
diff --git a/apps/backoffice/src/main.tsx b/apps/backoffice/src/main.tsx
index 1d967ab5b..23cfe23af 100644
--- a/apps/backoffice/src/main.tsx
+++ b/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';