# Remove Role Base Authentication
## **Temporarily Disable Role-Based Authentication**
To temporarily disable authentication, modify the role-based access in the following files.
**Step 1: Update `app-routing.module.ts` and `menu.ts`**
**Before:**
```json
data: { roles: [Role.Admin, Role.User] }
```
**After:**
```json
data: { roles: [Role.Admin] }
This ensures that all users are treated as Admin, bypassing role-based restrictions.
```
{% hint style="warning" %}
This ensures that all users are treated as `Admin`, bypassing role-based restrictions.
{% endhint %}
***
## Remove Role Base Authentication Permanent
To remove authentication permanently, follow these steps.
**Step 1: Remove Role Import**
Open `src/app/app-routing.module.ts` and `src/app/demo/data/menu.ts` and remove the following import:
```json
import { Role } from 'src/app/@theme/types/role';
```
**Step 2: Remove Role-Based Data Restrictions**
Find and remove:
```json
data: { roles: [Role.Admin, Role.User] }
data: { roles: [Role.Admin] }
```
**Step 3: Modify `auth.guard.ts` to Remove Authorization Check**
Open `src/app/@theme/helpers/auth.guard.ts` and **delete** this block:
```typescript
const { roles } = route.data;
if (roles && !roles.includes(currentUser.user.role)) {
// User not authorized, redirect to unauthorized page
this.router.navigate(['/unauthorized']);
return false;
}
```
**Step 4: Modify** `menu-collapse.component.ts` **to Remove Role Filtering**
Open `src/app/@theme/layouts/menu/vertical-menu/menu-collapse/menu-collapse.component.ts`
**Before:**
readonly item = input<NavigationItem>();
ngOnInit(){
...
/**
* current login user role
*/
const currentUserRole = this.authenticationService.currentUserValue?.user.role || Role.Admin;
/**
* items parent role
*/
const parentRoleValue = this.parentRole();
if (this.item()!.role && this.item()!.role!.length > 0) {
if (currentUserRole) {
const parentRole = this.parentRole();
const allowedFromParent =
this.item()!.isMainParent || (parentRole && parentRole.length > 0 && parentRole.includes(currentUserRole));
if (allowedFromParent) {
this.isEnabled = this.item()!.role!.includes(currentUserRole);
}
}
} else if (parentRoleValue && parentRoleValue.length > 0) {
// If item.role is empty, check parentRole
if (currentUserRole) {
this.isEnabled = parentRoleValue.includes(currentUserRole);
}
}
}
**After:**
```typescript
readonly item = input
```
**Step 5: Remove Role-Based UI Restrictions**
**Modify `menu-collapse.component.html`**
Remove the following attributes:
```html
[ngClass]="{ disabled: !isEnabled }"
matTooltip="{{ !isEnabled ? 'Logout and Login with Admin to view this page ' : '' }}"
[parentRole]="item()!.role && item()!.role!.length > 0 ? item()!.role : parentRole.role"
```
**Modify `menu-group.component.html`**
Delete **lines 7 and 9**:
```typescript
[parentRole]="item().role"
```
**Modify `menu-item.component.html`**
**Before:**
```typescript