Added delete member column

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: (
+                <IconButton
+                  aria-label="remove member"
+                  sx={{
+                    "&:focus": {
+                      outline: "none",
+                    },
+                  }}
+                >
+                  <Remove />
+                </IconButton>
+              ),
+            },
           ],
         };
       }),

Client/src/Pages/Monitors/index.jsx

@@ -130,7 +130,7 @@ const Monitors = () => {
     >
       <div className="monitors-bar">
         <div className="monitors-bar-title">
-          Hello, {authState.user.firstname}
+          Hello, {authState.user.firstName}
         </div>
         <Button
           level="primary"

Client/src/assets/icons/trash-bin.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.3333 5V4.33333C12.3333 3.39991 12.3333 2.9332 12.1517 2.57668C11.9919 2.26308 11.7369 2.00811 11.4233 1.84832C11.0668 1.66667 10.6001 1.66667 9.66667 1.66667H8.33333C7.39991 1.66667 6.9332 1.66667 6.57668 1.84832C6.26308 2.00811 6.00811 2.26308 5.84832 2.57668C5.66667 2.9332 5.66667 3.39991 5.66667 4.33333V5M7.33333 9.58333V13.75M10.6667 9.58333V13.75M1.5 5H16.5M14.8333 5V14.3333C14.8333 15.7335 14.8333 16.4335 14.5608 16.9683C14.3212 17.4387 13.9387 17.8212 13.4683 18.0609C12.9335 18.3333 12.2335 18.3333 10.8333 18.3333H7.16667C5.76654 18.3333 5.06647 18.3333 4.53169 18.0609C4.06129 17.8212 3.67883 17.4387 3.43915 16.9683C3.16667 16.4335 3.16667 15.7335 3.16667 14.3333V5" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>