diff --git a/app/client/src/ce/pages/workspace/Members.tsx b/app/client/src/ce/pages/workspace/Members.tsx index 19d5b4224caf..7021b5deca1d 100644 --- a/app/client/src/ce/pages/workspace/Members.tsx +++ b/app/client/src/ce/pages/workspace/Members.tsx @@ -68,6 +68,10 @@ export const MembersWrapper = styled.div<{ color: var(--ads-v2-color-fg); padding: 8px 20px; + &:first-child { + width: 240px; + } + &:last-child { width: 120px; } @@ -189,6 +193,14 @@ export const StyledText = styled(Text)` 0; `; +export const DisplayNameText = styled.div` + max-width: 140px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + color: var(--ads-v2-color-fg); +`; + export default function MemberSettings(props: PageProps) { const { match: { @@ -354,6 +366,22 @@ export default function MemberSettings(props: PageProps) { ); }, }, + { + Header: "Display Name", + accessor: "name", + // TODO: Fix this the next time the file is edited + // eslint-disable-next-line @typescript-eslint/no-explicit-any + Cell: function DisplayNameCell(props: any) { + const member = props.cell.row.original; + const displayName = member.name || "-"; + + return ( + + {displayName} + + ); + }, + }, { Header: "Resource", accessor: "resource",