From 7152ac2cea732e207e18ac13ebecc702843eb555 Mon Sep 17 00:00:00 2001
From: Harry-Tran <truong120201@gmail.com>
Date: Wed, 25 Sep 2024 15:02:23 +0700
Subject: [PATCH] feat: check auth roles

---
 src/components/Protected.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Protected.tsx b/src/components/Protected.tsx
index d53c1f4..e8708d6 100644
--- a/src/components/Protected.tsx
+++ b/src/components/Protected.tsx
@@ -2,7 +2,7 @@
  * Protected component to check if the user is authenticated or not and then render the component
  * @author Yousuf Kalim
  */
-import React, { useEffect, ReactNode, ReactElement } from 'react';
+import React, { ReactElement, ReactNode, useEffect } from 'react';
 import { Navigate } from 'react-router-dom';
 import { Auth, Config } from '../Store';
 import Loader from './Loader';
@@ -34,7 +34,7 @@ function Protected({
       isAuthenticated()
         .then((res: any) => {
           if (res) {
-            if (roles?.length && roles.includes(res.role)) {
+            if (roles?.length && roles.some(item => res.roles.includes(item))) {
               // If the user is authenticated then set the auth state to true
               return setAuth(true);
             } else if (!roles?.length) {