Show btn only if user is admin

src/pages/EventDetail/components/AssignUserBtn/AssignUserBtn.tsx

@@ -1,4 +1,4 @@
-import { ReactNode, useEffect, useState } from "react";
+import {ReactNode, useContext, useEffect, useState} from "react";
 import Button from "../../../../components/ui/Button/Button";
 import Modal from "../../../../components/ui/Modal/Modal";
 import User from "../../../Volunteers/interfaces/user.interface";
@@ -6,6 +6,7 @@ import getAllUser from "../../../../utils/users/getAllUsers";
 import Loading from "../../../../components/ui/Loading/Loading";
 import getUserById from "../../../../utils/users/getUserById";
 import styles from "./AssignUserBtn.module.css";
+import {AuthContext} from "../../../../contexts/Auth/AuthContext";
 
 interface AssignUserBtnProps {
     taskId: string | number;
@@ -17,6 +18,10 @@ export default function AssignUserBtn({ taskId }: AssignUserBtnProps): ReactNode
     const [users, setUsers] = useState<Array<User>>([]);
     const [loading, setLoading] = useState<boolean>(true);
 
+    const { user } = useContext(AuthContext) as any;
+
+    if (!user?.isAdmin) return null;
+
     useEffect(() => {
         (async () => {
             setLoading(true);