update: route

src/layout/LayoutHeader.jsx

@@ -1,10 +1,10 @@
 import React from 'react';
-import { Layout, theme, Space, Typography, Breadcrumb, Button } from 'antd';
+import { Layout, Typography, Breadcrumb, Button, theme } from 'antd';
 import { UserOutlined } from '@ant-design/icons';
 import handleLogOut from '../Utils/Auth/Logout';
 import { useBreadcrumb } from './LayoutBreadcrumb';
 import { decryptData } from '../components/Global/Formatter';
-import { useNavigate } from 'react-router-dom';
+import { replace, useNavigate } from 'react-router-dom';
 
 const { Link, Text } = Typography;
 const { Header } = Layout;
@@ -12,17 +12,18 @@ const { Header } = Layout;
 const LayoutHeader = () => {
     const { breadcrumbItems } = useBreadcrumb();
     const navigate = useNavigate();
-    const {
-        token: { colorBgContainer, colorBorder, colorText },
-    } = theme.useToken();
+
+    // Ambil token warna dari theme Ant Design, dengan fallback default
+    const { token } = theme.useToken() || {};
+    const colorBgContainer = token?.colorBgContainer || '#fff';
+    const colorBorder = token?.colorBorder || '#d9d9d9';
+    const colorText = token?.colorText || '#000';
 
     // Ambil data user dari localStorage dan dekripsi
     const sessionData = localStorage.getItem('session');
     const userData = sessionData ? decryptData(sessionData) : null;
-    // console.log(userData);
 
     const roleName = userData?.user?.approval || userData?.user?.partner_name || 'Guest';
-
     const userName = userData?.user?.name || userData?.user?.username || 'User';
 
     return (
@@ -35,11 +36,11 @@ const LayoutHeader = () => {
                     alignItems: 'center',
                     flexWrap: 'wrap',
                     rowGap: 10,
-                    paddingTop:15,
+                    paddingTop: 15,
                     paddingBottom: 20,
                     paddingLeft: 24,
                     paddingRight: 24,
-                    minHeight: 100, 
+                    minHeight: 100,
                     boxSizing: 'border-box',
                 }}
             >
@@ -88,8 +89,7 @@ const LayoutHeader = () => {
                     </Button>
                     <Link
                         onClick={() => {
-                            handleLogOut();
-                            navigate('/signin');
+                            handleLogOut(navigate);
                         }}
                         aria-label="Log out from the application"
                         style={{
@@ -117,3 +117,4 @@ const LayoutHeader = () => {
 };
 
 export default LayoutHeader;
+