permissions review

src/components/manageMember/ManageMember.jsx

@@ -1,12 +1,15 @@
 import Button from "../ui/button/button.jsx";
 import Modal from "../ui/modal/modal.jsx";
-import { useState } from "react";
+import {useContext, useState} from "react";
 import styles from "./manageMember.module.css"
-import DeleteMemberBtn from "./deleteMember/deleteMemberBtn.jsx";
+import DeactivateMemberBtn from "./deactivateMember/deactivateMemberBtn.jsx";
 import ModifyRole from "./modifyrole/ModifyRole.jsx";
+import {AuthContext} from "../../contexts/auth/AuthContext.js";
 
-export default function ManageMember({ user }) {
 
+export default function ManageMember({ userToManage }) {
+
+    const { user } = useContext(AuthContext);
     const [open, setOpen] = useState(false);
 
 
@@ -16,16 +19,18 @@ export default function ManageMember({ user }) {
             <p>Gérer</p>
         </Button>
 
-        <Modal open={open} onClose={() => setOpen(false)} title={`Gestion de l'utilisateur ${user.name}`}>
+        <Modal open={open} onClose={() => setOpen(false)} title={`Gestion de l'utilisateur ${userToManage.name}`}>
 
-            <div className={styles.manageSection}>
-                <h3>Supprimer le compte</h3>
-                <DeleteMemberBtn name={user.name} id={user.id} className={styles.manageBlockContent} />
-            </div>
+            {(user.id != userToManage.id) ? (
+                <div className={styles.manageSection}>
+                    <h3>Désactiver le compte</h3>
+                    <DeactivateMemberBtn name={userToManage.name} id={userToManage.id} className={styles.manageBlockContent} />
+                </div>
+            ) : null}
 
             <div className={styles.manageSection}>
                 <h3>Modifier le rôle</h3>
-                <ModifyRole user={user} />
+                <ModifyRole user={userToManage} />
             </div>
         </Modal>
     </>