diff --git a/Client/src/Components/TabPanels/Account/TeamPanel.jsx b/Client/src/Components/TabPanels/Account/TeamPanel.jsx index 5fda4cc0f..eec8fae28 100644 --- a/Client/src/Components/TabPanels/Account/TeamPanel.jsx +++ b/Client/src/Components/TabPanels/Account/TeamPanel.jsx @@ -3,8 +3,8 @@ import TabPanel from "@mui/lab/TabPanel"; import { Box, ButtonGroup, - Checkbox, Divider, + IconButton, MenuItem, Modal, Select, @@ -23,6 +23,7 @@ import axiosInstance from "../../../Utils/axiosConfig"; import { createToast } from "../../../Utils/toastUtils"; import { useSelector } from "react-redux"; import BasicTable from "../../BasicTable"; +import Remove from "../../../assets/icons/trash-bin.svg?react"; /** * TeamPanel component manages the organization and team members, @@ -78,6 +79,7 @@ const TeamPanel = () => { { id: 1, name: "NAME" }, { id: 2, name: "EMAIL" }, { id: 3, name: "ROLE" }, + { id: 4, name: "ACTION" }, ], rows: team?.map((member, idx) => { return { @@ -100,9 +102,26 @@ const TeamPanel = () => { }, { id: idx + 1, data: member.email }, { + // TODO - Add select dropdown id: idx + 2, data: member.role[0] === "admin" ? "Administrator" : "Member", }, + { + // TODO - Add delete onClick + id: idx + 3, + data: ( + + + + ), + }, ], }; }), diff --git a/Client/src/Pages/Monitors/index.jsx b/Client/src/Pages/Monitors/index.jsx index e08e973e1..a76ccd14e 100644 --- a/Client/src/Pages/Monitors/index.jsx +++ b/Client/src/Pages/Monitors/index.jsx @@ -130,7 +130,7 @@ const Monitors = () => { >
- Hello, {authState.user.firstname} + Hello, {authState.user.firstName}