diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Team/TeamMembers.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Team/TeamMembers.tsx index ab914062d6..c71b8df275 100644 --- a/editor.planx.uk/src/pages/FlowEditor/components/Team/TeamMembers.tsx +++ b/editor.planx.uk/src/pages/FlowEditor/components/Team/TeamMembers.tsx @@ -41,12 +41,12 @@ export const TeamMembers = () => { return ( - + - Team editors + Team members - Editors have access to edit your services. + Editors have access to edit your services, whilst viewers can only browse your services. ({ textDecoration: "underline", @@ -28,12 +27,14 @@ const TableRowButton = styled(Button)(({ theme }) => ({ backgroundColor: theme.palette.action.hover, }, })); + const EditUserButton = styled(TableRowButton)(({ theme }) => ({ color: theme.palette.primary.light, "&:hover": { color: theme.palette.primary.dark, }, })); + const RemoveUserButton = styled(TableRowButton)(({ theme }) => ({ color: theme.palette.text.secondary, "&:hover": { @@ -64,11 +65,13 @@ export const MembersTable = ({ setShowModal(true); setInitialValues(member); }; + const removeUser = (member: TeamMember) => { setActionType("remove"); setShowModal(true); setInitialValues(member); }; + const addUser = () => { setActionType("add"); setShowModal(true); @@ -98,14 +101,14 @@ export const MembersTable = ({ addUser(); }} > - Add a new editor + Add a new member )} {showModal && ( - - {members.map((member, i) => ( + {members.map((member) => ( - Add a new editor + Add a new member @@ -223,7 +226,7 @@ export const MembersTable = ({ actionType={actionType} /> ) : ( - - Add a new editor + Add a new { isDemoTeam ? "demo user" : "editor" } @@ -191,7 +191,7 @@ export const EditorUpsertModal = ({