18123: Add active toggle to group member list.
[arvados-workbench2.git] / src / views / group-details-panel / group-details-panel.tsx
index 427f4fb89979a8630a4ca326063a001dc9cff3a5..7c173b275df0776f78135de32d0b18de25f9902b 100644 (file)
@@ -7,7 +7,7 @@ import { connect } from 'react-redux';
 
 import { DataExplorer } from "views-components/data-explorer/data-explorer";
 import { DataColumns } from 'components/data-table/data-table';
-import { ResourceLinkHeadUuid, ResourceLinkTailUuid, ResourceLinkTailEmail, ResourceLinkTailUsername, ResourceLinkHeadPermissionLevel, ResourceLinkTailPermissionLevel, ResourceLinkHead, ResourceLinkTail, ResourceLinkDelete, ResourceLinkTailIsActive } from 'views-components/data-explorer/renderers';
+import { ResourceLinkHeadUuid, ResourceLinkTailUuid, ResourceLinkTailEmail, ResourceLinkTailUsername, ResourceLinkHeadPermissionLevel, ResourceLinkTailPermissionLevel, ResourceLinkHead, ResourceLinkTail, ResourceLinkDelete, ResourceLinkTailIsActive, ResourceLinkTailIsHidden } from 'views-components/data-explorer/renderers';
 import { createTree } from 'models/tree';
 import { noop } from 'lodash/fp';
 import { RootState } from 'store/store';
@@ -26,6 +26,7 @@ export enum GroupDetailsPanelMembersColumnNames {
     USERNAME = "Username",
     EMAIL = "Email",
     ACTIVE = "User Active",
+    HIDDEN = "Member Hidden",
     PERMISSION = "Permission",
     UUID = "UUID",
     REMOVE = "Remove",
@@ -67,6 +68,13 @@ export const groupDetailsMembersPanelColumns: DataColumns<string> = [
         filters: createTree(),
         render: uuid => <ResourceLinkTailIsActive uuid={uuid} />
     },
+    {
+        name: GroupDetailsPanelMembersColumnNames.HIDDEN,
+        selected: true,
+        configurable: true,
+        filters: createTree(),
+        render: uuid => <ResourceLinkTailIsHidden uuid={uuid} />
+    },
     {
         name: GroupDetailsPanelMembersColumnNames.PERMISSION,
         selected: true,