diff --git a/support-portal-frontend/src/app/component/user/user.component.ts b/support-portal-frontend/src/app/component/user/user.component.ts
index c8b85d2..0ae2d95 100644
--- a/support-portal-frontend/src/app/component/user/user.component.ts
+++ b/support-portal-frontend/src/app/component/user/user.component.ts
@@ -10,6 +10,7 @@ import {CustomHttpResponse} from "../../dto/custom-http-response";
 import {AuthenticationService} from "../../service/authentication.service";
 import {Router} from "@angular/router";
 import {FileUploadStatus} from "../../model/file-upload.status";
+import {Role} from "../../enum/role.enum";
 
 @Component({
   selector: 'app-user',
@@ -278,8 +279,16 @@ export class UserComponent implements OnInit, OnDestroy {
         }
         break;
       default:
-        this.fileUploadStatus.status='default';
+        this.fileUploadStatus.status = 'default';
 
     }
   }
+
+  public get isAdmin(): boolean {
+    return this.loggedInUser.role === Role.ADMIN || this.loggedInUser.role === Role.SUPER_ADMIN;
+  }
+
+  public get isManager(): boolean {
+    return this.isAdmin || this.loggedInUser.role === Role.MANAGER;
+  }
 }
diff --git a/support-portal-frontend/src/app/model/user.ts b/support-portal-frontend/src/app/model/user.ts
index 37ba7a6..d4a78bb 100644
--- a/support-portal-frontend/src/app/model/user.ts
+++ b/support-portal-frontend/src/app/model/user.ts
@@ -1,3 +1,5 @@
+import {Role} from "../enum/role.enum";
+
 export class User {
   userId: string;
   firstName: string;
@@ -7,7 +9,7 @@ export class User {
   profileImageUrl: string;
   lastLoginDateDisplay: Date;
   joinDate: Date;
-  role: string; //ROLE_USER, ROLE_ADMIN
+  role: Role; //ROLE_USER, ROLE_ADMIN
   authorities: string[];
   active: boolean;
   notLocked: boolean;