diff --git a/Client/src/Components/TabPanels/Account/TeamPanel.jsx b/Client/src/Components/TabPanels/Account/TeamPanel.jsx
index 209dbeaed..bbc6c4305 100644
--- a/Client/src/Components/TabPanels/Account/TeamPanel.jsx
+++ b/Client/src/Components/TabPanels/Account/TeamPanel.jsx
@@ -64,7 +64,7 @@ const TeamPanel = () => {
};
fetchTeam();
- }, [user]);
+ }, [authToken]);
useEffect(() => {
let team = members;
@@ -81,8 +81,6 @@ const TeamPanel = () => {
{ id: 1, name: "NAME" },
{ id: 2, name: "EMAIL" },
{ id: 3, name: "ROLE" },
- // FEATURE STILL TO BE IMPLEMENTED
- // { id: 4, name: "ACTION" },
],
rows: team?.map((member, idx) => {
const roles = member.role.map((role) => roleMap[role]).join(",");
@@ -104,45 +102,19 @@ const TeamPanel = () => {
},
{ id: idx + 1, data: member.email },
{
- // TODO - Add select dropdown
id: idx + 2,
data: roles,
},
- // FEATURE STILL TO BE IMPLEMENTED
- // {
- // // TODO - Add delete onClick
- // id: idx + 3,
- // data: (
- //
- //
- //
- // ),
- // },
],
};
}),
};
setTableData(data);
- }, [members, filter]);
+ }, [filter, members, roleMap, theme]);
useEffect(() => {
setIsDisabled(Object.keys(errors).length !== 0 || toInvite.email === "");
}, [errors, toInvite.email]);
-
- // RENAME ORGANIZATION
- // const toggleEdit = () => {
- // setOrgStates((prev) => ({ ...prev, isEdit: !prev.isEdit }));
- // };
- // const handleRename = () => {};
-
- // INVITE MEMBER
const [isOpen, setIsOpen] = useState(false);
const handleChange = (event) => {
@@ -226,58 +198,11 @@ const TeamPanel = () => {
},
}}
>
- {/* FEATURE STILL TO BE IMPLEMENTED */}
- {/*
-
- Organization name
-
-
-
- setOrgStates((prev) => ({
- ...prev,
- name: event.target.value,
- }))
- }
- disabled={!orgStates.isEdit}
- sx={{
- color: theme.palette.otherColors.bluishGray,
- "& .Mui-disabled": {
- WebkitTextFillColor: "initial !important",
- },
- "& .Mui-disabled fieldset": {
- borderColor: "transparent !important",
- },
- }}
- inputProps={{
- sx: { textAlign: "end", padding: theme.spacing(4) },
- }}
- />
- : ""}
- onClick={() => toggleEdit()}
- sx={{
- minWidth: 0,
- paddingX: theme.spacing(4),
- ml: orgStates.isEdit ? theme.spacing(4) : 0,
- }}
- />
-
-
- */}
Team members
{
paginated={false}
reversed={true}
table={"team"}
+ emptyMessage={"There are no team members with this role"}
/>
@@ -341,7 +267,7 @@ const TeamPanel = () => {
theme={theme}
>