fix

client/src/components/dashboard/Dashboard.js

@@ -276,11 +276,13 @@ const Dashboard = () => {
             </div>
 
             {/* Customer List Section */}
-            <div className="row">
+            {AuthService.canViewCustomers() && (
-              <div className="col-12">
+              <div className="row">
-                <DashboardCustomersList />
+                <div className="col-12">
+                  <DashboardCustomersList />
+                </div>
               </div>
-            </div>
+            )}
           </div>
 
           {/* Right Side Bar - 1/4 width */}

client/src/components/home/menu.js

@@ -20,7 +20,7 @@ const SideMenu = () => {
 					name: 'Dashboard',
 					link: '/dashboard/dashboard',
 					category: '/dashboard/dashboard',
-					roleFunc: AuthService.canViewRoutes
+					roleFunc: AuthService.canViewDashboard
 				},
 				{
 					name: 'Admin View',

client/src/services/AuthService.js

@@ -35,6 +35,15 @@ const hasAnyPermission = (permissionKeys = []) => {
   return permissionKeys.some((permissionKey) => permissionSet.has(permissionKey));
 };
 
+const canViewDashboard = () => {
+  return hasAnyPermission([
+    'Dashboard',
+    'View_Transportation Schedule_Route Overview',
+    'Create&Edit_Transportation Schedule',
+    'Export_Transportation Schedule Report'
+  ]);
+}
+
 const isAdmin = () => {
   return hasPermission('Set Permission for Employee');
 }
@@ -214,6 +223,7 @@ export const AuthService = {
   login,
   logout,
   hasPermission,
+  canViewDashboard,
   isAdmin,
   canCreateOrEditDrivers,
   getLocalAccessToken,