add teams func

Signed-off-by: FaheemOnHub <[email protected]>

Author: FaheemOnHub

src/custom/TeamTable/TeamTable.tsx

@@ -16,10 +16,13 @@ interface TeamTableProps {
   columns: MUIDataTableColumn[];
   updateCols: (cols: any) => void;
   isRemoveFromTeamAllowed: boolean;
+  isEditUserAllowed: any;
+  handleEditUser: any;
   org_id: string;
   useGetUsersForOrgQuery: any;
   useNotificationHandlers: any;
   useRemoveUserFromTeamMutation: any;
+  availableRoles?: string[];
 }
 const StyledGrid = styled(Grid2)(({ theme }) => ({
   display: 'grid',
@@ -39,6 +42,8 @@ const TeamTable: React.FC<TeamTableProps> = ({
   columns,
   updateCols,
   isRemoveFromTeamAllowed,
+  isEditUserAllowed,
+  handleEditUser,
   org_id,
   useGetUsersForOrgQuery,
   useNotificationHandlers,
@@ -66,6 +71,8 @@ const TeamTable: React.FC<TeamTableProps> = ({
                   <UsersTable
                     teamID={teamID}
                     isRemoveFromTeamAllowed={isRemoveFromTeamAllowed}
+                    isEditUserAllowed={isEditUserAllowed}
+                    handleEditUser={handleEditUser}
                     org_id={org_id}
                     useGetUsersForOrgQuery={useGetUsersForOrgQuery}
                     useNotificationHandlers={useNotificationHandlers}

src/custom/UsersTable/UsersTable.tsx

@@ -22,35 +22,55 @@ import UserTableAvatarInfo from './UserTableAvatarInfo';
 interface ActionButtonsProps {
   tableMeta: MUIDataTableMeta;
   isRemoveFromTeamAllowed: boolean;
+  isEditUserAllowed: boolean;
   handleRemoveFromTeam: (data: any[]) => () => void;
+  handleEditUser: (data: any[]) => () => void;
   theme?: Theme;
 }
 
 const ActionButtons: React.FC<ActionButtonsProps> = ({
   tableMeta,
   handleRemoveFromTeam,
+  handleEditUser,
   isRemoveFromTeamAllowed,
+  isEditUserAllowed,
   theme
 }) => {
   return (
-    <div>
+    <TableIconsContainer>
+      {isEditUserAllowed ? (
+        <TooltipIcon
+          id={`edit_user-${tableMeta.rowIndex}`}
+          onClick={handleEditUser(tableMeta.rowData)}
+          title="Edit user"
+          iconType="edit"
+        >
+          <EditIcon fill={theme?.palette.text.primary} />
+        </TooltipIcon>
+      ) : (
+        <EditIcon
+          style={{
+            marginRight: '.5rem'
+          }}
+          fill={CHARCOAL}
+          height="30"
+          width="30"
+        />
+      )}
+
       {isRemoveFromTeamAllowed ? (
-        <TableIconsContainer>
-          <TooltipIcon
-            id={`delete_user-${tableMeta.rowIndex}`}
-            onClick={handleRemoveFromTeam(tableMeta.rowData)}
-            title="Remove user membership from team"
-            iconType="delete"
-          >
-            <LogoutIcon fill={theme?.palette.icon.default} />
-          </TooltipIcon>
-        </TableIconsContainer>
+        <TooltipIcon
+          id={`delete_user-${tableMeta.rowIndex}`}
+          onClick={handleRemoveFromTeam(tableMeta.rowData)}
+          title="Remove user membership from team"
+          iconType="delete"
+        >
+          <LogoutIcon fill={theme?.palette.text.primary} />
+        </TooltipIcon>
       ) : (
-        <TableIconsDisabledContainer>
-          <LogoutIcon fill={theme?.palette.icon.disabled} secondaryFill={CHARCOAL} />
-        </TableIconsDisabledContainer>
+        <LogoutIcon fill={CHARCOAL} secondaryFill={CHARCOAL} />
       )}
-    </div>
+    </TableIconsContainer>
   );
 };
 
@@ -61,6 +81,8 @@ interface UsersTableProps {
   useRemoveUserFromTeamMutation: any;
   useNotificationHandlers: any;
   isRemoveFromTeamAllowed: boolean;
+  isEditUserAllowed: boolean;
+  handleEditUser: (data: any[]) => () => void;
   theme?: Theme;
 }
 
@@ -71,6 +93,8 @@ const UsersTable: React.FC<UsersTableProps> = ({
   useRemoveUserFromTeamMutation,
   useNotificationHandlers,
   isRemoveFromTeamAllowed,
+  isEditUserAllowed,
+  handleEditUser,
   theme
 }) => {
   const [page, setPage] = useState<number>(0);
@@ -412,7 +436,9 @@ const UsersTable: React.FC<UsersTableProps> = ({
             <ActionButtons
               tableMeta={tableMeta}
               handleRemoveFromTeam={handleRemoveFromTeam}
+              handleEditUser={handleEditUser}
               isRemoveFromTeamAllowed={isRemoveFromTeamAllowed}
+              isEditUserAllowed={isEditUserAllowed}
               theme={theme}
             />
           )

src/custom/Workspaces/WorkspaceTeamsTable.tsx

@@ -147,6 +147,8 @@ const TeamsTable: React.FC<TeamsTableProps> = ({
         useGetUsersForOrgQuery={useGetUsersForOrgQuery}
         useNotificationHandlers={useNotificationHandlers}
         useRemoveUserFromTeamMutation={useRemoveUserFromTeamMutation}
+        isEditUserAllowed={false}
+        handleEditUser={() => {}}
       />
 
       <AssignmentModal