diff --git a/frontend/pages/hosts/ManageHostsPage/HostTableConfig.tsx b/frontend/pages/hosts/ManageHostsPage/HostTableConfig.tsx index 82cf3c5926..6891c292f2 100644 --- a/frontend/pages/hosts/ManageHostsPage/HostTableConfig.tsx +++ b/frontend/pages/hosts/ManageHostsPage/HostTableConfig.tsx @@ -81,11 +81,16 @@ const condenseDeviceUsers = (users: IDeviceUser[]): string[] => { return []; } const condensed = - users - .slice(-3) - .map((u) => u.email) - .reverse() || []; - return users.length > 3 + users.length === 4 + ? users + .slice(-4) + .map((u) => u.email) + .reverse() + : users + .slice(-3) + .map((u) => u.email) + .reverse() || []; + return users.length > 4 ? condensed.concat(`+${users.length - 3} more`) // TODO: confirm limit : condensed; };