n.policy?1:e.policy.\n\nimport React, { ComponentType, Suspense, SuspenseProps } from \"react\";\n\nfunction withSuspense(\n WrappedComponent: ComponentType
,\n fallback: SuspenseProps[\"fallback\"] = null,\n) {\n function ComponentWithSuspense(props: P) {\n return (\n \n \n \n );\n }\n\n return ComponentWithSuspense;\n}\n\nexport default withSuspense;\n","// This file is part of MinIO Console Server\n// Copyright (c) 2021 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React, { Fragment, useEffect, useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport {\n AddIcon,\n Button,\n DeleteIcon,\n GroupsIcon,\n HelpBox,\n IAMPoliciesIcon,\n PageLayout,\n UsersIcon,\n DataTable,\n Grid,\n Box,\n ProgressBar,\n} from \"mds\";\n\nimport { api } from \"api\";\nimport { stringSort } from \"../../../utils/sortFunctions\";\nimport { actionsTray } from \"../Common/FormComponents/common/styleLibrary\";\nimport {\n applyPolicyPermissions,\n CONSOLE_UI_RESOURCE,\n createGroupPermissions,\n deleteGroupPermissions,\n displayGroupsPermissions,\n getGroupPermissions,\n IAM_PAGES,\n permissionTooltipHelper,\n} from \"../../../common/SecureComponent/permissions\";\nimport {\n hasPermission,\n SecureComponent,\n} from \"../../../common/SecureComponent\";\nimport { errorToHandler } from \"../../../api/errors\";\nimport withSuspense from \"../Common/Components/withSuspense\";\nimport { encodeURLString } from \"../../../common/utils\";\nimport { setErrorSnackMessage, setHelpName } from \"../../../systemSlice\";\nimport { useAppDispatch } from \"../../../store\";\nimport TooltipWrapper from \"../Common/TooltipWrapper/TooltipWrapper\";\nimport PageHeaderWrapper from \"../Common/PageHeaderWrapper/PageHeaderWrapper\";\nimport HelpMenu from \"../HelpMenu\";\nimport AButton from \"../Common/AButton/AButton\";\nimport SearchBox from \"../Common/SearchBox\";\n\nconst DeleteGroup = withSuspense(React.lazy(() => import(\"./DeleteGroup\")));\nconst SetPolicy = withSuspense(\n React.lazy(() => import(\"../Policies/SetPolicy\")),\n);\n\nconst Groups = () => {\n const dispatch = useAppDispatch();\n const navigate = useNavigate();\n\n const [deleteOpen, setDeleteOpen] = useState(false);\n const [loading, isLoading] = useState(false);\n const [records, setRecords] = useState([]);\n const [filter, setFilter] = useState(\"\");\n const [policyOpen, setPolicyOpen] = useState(false);\n const [checkedGroups, setCheckedGroups] = useState([]);\n\n useEffect(() => {\n isLoading(true);\n }, []);\n\n useEffect(() => {\n isLoading(true);\n }, []);\n\n useEffect(() => {\n dispatch(setHelpName(\"groups\"));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const displayGroups = hasPermission(\n CONSOLE_UI_RESOURCE,\n displayGroupsPermissions,\n );\n\n const deleteGroup = hasPermission(\n CONSOLE_UI_RESOURCE,\n deleteGroupPermissions,\n );\n\n const getGroup = hasPermission(CONSOLE_UI_RESOURCE, getGroupPermissions);\n\n const applyPolicy = hasPermission(\n CONSOLE_UI_RESOURCE,\n applyPolicyPermissions,\n true,\n );\n\n const selectionChanged = (e: React.ChangeEvent) => {\n const { target: { value = \"\", checked = false } = {} } = e;\n\n let elements: string[] = [...checkedGroups]; // We clone the checkedUsers array\n\n if (checked) {\n // If the user has checked this field we need to push this to checkedUsersList\n elements.push(value);\n } else {\n // User has unchecked this field, we need to remove it from the list\n elements = elements.filter((element) => element !== value);\n }\n\n setCheckedGroups(elements);\n\n return elements;\n };\n\n useEffect(() => {\n if (loading) {\n if (displayGroups) {\n const fetchRecords = () => {\n api.groups\n .listGroups()\n .then((res) => {\n let resGroups: string[] = [];\n if (res.data.groups) {\n resGroups = res.data.groups.sort(stringSort);\n }\n setRecords(resGroups);\n isLoading(false);\n })\n .catch((err) => {\n dispatch(setErrorSnackMessage(errorToHandler(err.error)));\n isLoading(false);\n });\n };\n fetchRecords();\n } else {\n isLoading(false);\n }\n }\n }, [loading, dispatch, displayGroups]);\n\n const closeDeleteModalAndRefresh = (refresh: boolean) => {\n setDeleteOpen(false);\n setCheckedGroups([]);\n if (refresh) {\n isLoading(true);\n }\n };\n\n const filteredRecords = records.filter((elementItem) =>\n elementItem.includes(filter),\n );\n\n const viewAction = (group: any) => {\n navigate(`${IAM_PAGES.GROUPS}/${encodeURLString(group)}`);\n };\n\n const tableActions = [\n {\n type: \"view\",\n onClick: viewAction,\n disableButtonFunction: () => !getGroup,\n },\n {\n type: \"edit\",\n onClick: viewAction,\n disableButtonFunction: () => !getGroup,\n },\n ];\n\n return (\n \n {deleteOpen && (\n \n )}\n {policyOpen && (\n {\n setPolicyOpen(false);\n }}\n />\n )}\n } />\n\n \n \n \n \n \n \n \n \n \n {\n setPolicyOpen(true);\n }}\n label={\"Assign Policy\"}\n icon={}\n disabled={checkedGroups.length < 1 || !applyPolicy}\n variant={\"regular\"}\n />\n \n \n \n \n {\n setDeleteOpen(true);\n }}\n label={\"Delete Selected\"}\n icon={}\n variant=\"secondary\"\n disabled={checkedGroups.length === 0 || !getGroup}\n />\n \n \n \n \n }\n onClick={() => {\n navigate(`${IAM_PAGES.GROUPS_ADD}`);\n }}\n />\n \n \n \n \n {loading && }\n {!loading && (\n \n {records.length > 0 && (\n \n \n \n \n \n \n \n }\n help={\n \n A group can have one attached IAM policy, where all\n users with membership in that group inherit that\n policy. Groups support more simplified management of\n user permissions on the MinIO Tenant.\n
\n
\n You can learn more at our{\" \"}\n \n documentation\n \n .\n \n }\n />\n \n \n )}\n {records.length === 0 && (\n \n \n }\n help={\n \n A group can have one attached IAM policy, where all\n users with membership in that group inherit that\n policy. Groups support more simplified management of\n user permissions on the MinIO Tenant.\n \n
\n
\n To get started,{\" \"}\n {\n navigate(`${IAM_PAGES.GROUPS_ADD}`);\n }}\n >\n Create a Group\n \n .\n \n \n }\n />\n \n \n )}\n \n )}\n \n \n \n );\n};\n\nexport default Groups;\n","// This file is part of MinIO Console Server\n// Copyright (c) 2021 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport { Policy, User } from \"api/consoleApi\";\n\ninterface policyDetailsInterface {\n policy: string;\n}\n\nexport const usersSort = (a: User, b: User) => {\n if (a.accessKey && b.accessKey) {\n if (a.accessKey > b.accessKey) {\n return 1;\n }\n if (a.accessKey < b.accessKey) {\n return -1;\n }\n }\n // a must be equal to b\n return 0;\n};\n\nexport const policySort = (a: Policy, b: Policy) => {\n if (a.name! > b.name!) {\n return 1;\n }\n if (a.name! < b.name!) {\n return -1;\n }\n // a must be equal to b\n return 0;\n};\n\nexport const stringSort = (a: string, b: string) => {\n if (a > b) {\n return 1;\n }\n if (a < b) {\n return -1;\n }\n // a must be equal to b\n return 0;\n};\n\nexport const policyDetailsSort = (\n a: policyDetailsInterface,\n b: policyDetailsInterface,\n) => {\n if (a.policy > b.policy) {\n return 1;\n }\n if (a.policy < b.policy) {\n return -1;\n }\n // a must be equal to b\n return 0;\n};\n"],"names":["WrappedComponent","fallback","arguments","length","undefined","props","_jsx","Suspense","children","_objectSpread","DeleteGroup","withSuspense","React","SetPolicy","dispatch","useAppDispatch","navigate","useNavigate","_useState","useState","_useState2","_slicedToArray","deleteOpen","setDeleteOpen","_useState3","_useState4","loading","isLoading","_useState5","_useState6","records","setRecords","_useState7","_useState8","filter","setFilter","_useState9","_useState10","policyOpen","setPolicyOpen","_useState11","_useState12","checkedGroups","setCheckedGroups","useEffect","setHelpName","displayGroups","hasPermission","CONSOLE_UI_RESOURCE","displayGroupsPermissions","deleteGroup","deleteGroupPermissions","getGroup","getGroupPermissions","applyPolicy","applyPolicyPermissions","api","groups","listGroups","then","res","resGroups","data","sort","stringSort","catch","err","setErrorSnackMessage","errorToHandler","error","filteredRecords","elementItem","includes","viewAction","group","concat","IAM_PAGES","GROUPS","encodeURLString","tableActions","type","onClick","disableButtonFunction","_jsxs","Fragment","selectedGroups","closeDeleteModalAndRefresh","refresh","open","selectedUser","closeModalAndRefresh","PageHeaderWrapper","label","actions","HelpMenu","PageLayout","Grid","container","item","xs","sx","actionsTray","SecureComponent","resource","scopes","errorProps","disabled","SearchBox","placeholder","onChange","value","maxWidth","Box","display","matchAll","TooltipWrapper","tooltip","permissionTooltipHelper","Button","id","icon","IAMPoliciesIcon","variant","DeleteIcon","createGroupPermissions","AddIcon","GROUPS_ADD","ProgressBar","marginBottom","DataTable","itemActions","columns","selectedItems","onSelect","e","_e$target","target","_e$target2","_e$target2$value","_e$target2$checked","checked","elements","_toConsumableArray","push","element","entityName","idField","HelpBox","title","iconComponent","GroupsIcon","help","href","rel","UsersIcon","AButton","usersSort","a","b","accessKey","policySort","name","policyDetailsSort","policy"],"sourceRoot":""}
\ No newline at end of file
diff --git a/portal-ui/build/static/js/191.d24fde8f.chunk.js b/portal-ui/build/static/js/191.d24fde8f.chunk.js
new file mode 100644
index 0000000000..5cd8c20aee
--- /dev/null
+++ b/portal-ui/build/static/js/191.d24fde8f.chunk.js
@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkportal_ui=self.webpackChunkportal_ui||[]).push([[191],{75578:function(e,n,t){var s=t(1413),r=t(72791),o=t(80184);n.Z=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return function(t){return(0,o.jsx)(r.Suspense,{fallback:n,children:(0,o.jsx)(e,(0,s.Z)({},t))})}}},60191:function(e,n,t){t.r(n);var s=t(93433),r=t(29439),o=t(72791),i=t(57689),c=t(29945),l=t(31776),a=t(21639),u=t(23814),d=t(56087),p=t(38442),h=t(82342),f=t(75578),x=t(45248),j=t(87995),m=t(44690),g=t(27454),v=t(47974),y=t(99670),C=t(59114),b=t(80184),Z=(0,f.Z)(o.lazy((function(){return t.e(8896).then(t.bind(t,88896))}))),G=(0,f.Z)(o.lazy((function(){return t.e(9134).then(t.bind(t,39134))})));n.default=function(){var e=(0,m.TL)(),n=(0,i.s0)(),t=(0,o.useState)(!1),f=(0,r.Z)(t,2),k=f[0],A=f[1],S=(0,o.useState)(!1),F=(0,r.Z)(S,2),P=F[0],w=F[1],K=(0,o.useState)([]),M=(0,r.Z)(K,2),D=M[0],O=M[1],_=(0,o.useState)(""),I=(0,r.Z)(_,2),R=I[0],T=I[1],z=(0,o.useState)(!1),E=(0,r.Z)(z,2),L=E[0],X=E[1],N=(0,o.useState)([]),U=(0,r.Z)(N,2),B=U[0],Q=U[1];(0,o.useEffect)((function(){w(!0)}),[]),(0,o.useEffect)((function(){w(!0)}),[]),(0,o.useEffect)((function(){e((0,j.Sc)("groups"))}),[]);var V=(0,p.F)(d.C3,d.vh),J=(0,p.F)(d.C3,d.oX),W=(0,p.F)(d.C3,d.k_),Y=(0,p.F)(d.C3,d.fC,!0);(0,o.useEffect)((function(){if(P)if(V){l.h.groups.listGroups().then((function(e){var n=[];e.data.groups&&(n=e.data.groups.sort(a.V2)),O(n),w(!1)})).catch((function(n){e((0,j.Ih)((0,h.g)(n.error))),w(!1)}))}else w(!1)}),[P,e,V]);var q=D.filter((function(e){return e.includes(R)})),H=function(e){n("".concat(d.gA.GROUPS,"/").concat((0,x.LL)(e)))},$=[{type:"view",onClick:H,disableButtonFunction:function(){return!W}},{type:"edit",onClick:H,disableButtonFunction:function(){return!W}}];return(0,b.jsxs)(o.Fragment,{children:[k&&(0,b.jsx)(Z,{deleteOpen:k,selectedGroups:B,closeDeleteModalAndRefresh:function(e){A(!1),Q([]),e&&w(!0)}}),L&&(0,b.jsx)(G,{open:L,selectedGroups:B,selectedUser:null,closeModalAndRefresh:function(){X(!1)}}),(0,b.jsx)(v.Z,{label:"Groups",actions:(0,b.jsx)(y.Z,{})}),(0,b.jsx)(c.Xgh,{children:(0,b.jsxs)(c.rjZ,{container:!0,children:[(0,b.jsxs)(c.rjZ,{item:!0,xs:12,sx:u.OR.actionsTray,children:[(0,b.jsx)(p.s,{resource:d.C3,scopes:d.vh,errorProps:{disabled:!0},children:(0,b.jsx)(C.Z,{placeholder:"Search Groups",onChange:T,value:R,sx:{maxWidth:380}})}),(0,b.jsxs)(c.xuv,{sx:{display:"flex"},children:[(0,b.jsx)(p.s,{resource:d.C3,scopes:d.fC,matchAll:!0,errorProps:{disabled:!0},children:(0,b.jsx)(g.Z,{tooltip:B.length<1?"Please select Groups on which you want to apply Policies":Y?"Select Policy":(0,d.MK)(d.fC,"apply policies to Groups"),children:(0,b.jsx)(c.zxk,{id:"assign-policy",onClick:function(){X(!0)},label:"Assign Policy",icon:(0,b.jsx)(c.v42,{}),disabled:B.length<1||!Y,variant:"regular"})})}),(0,b.jsx)(p.s,{resource:d.C3,scopes:d.oX,matchAll:!0,errorProps:{disabled:!0},children:(0,b.jsx)(g.Z,{tooltip:0===B.length?"Select Groups to delete":W?"Delete Selected":(0,d.MK)(d.k_,"delete Groups"),children:(0,b.jsx)(c.zxk,{id:"delete-selected-groups",onClick:function(){A(!0)},label:"Delete Selected",icon:(0,b.jsx)(c.pJl,{}),variant:"secondary",disabled:0===B.length||!W})})}),(0,b.jsx)(p.s,{resource:d.C3,scopes:d.vN,matchAll:!0,errorProps:{disabled:!0},children:(0,b.jsx)(g.Z,{tooltip:"Create Group",children:(0,b.jsx)(c.zxk,{id:"create-group",label:"Create Group",variant:"callAction",icon:(0,b.jsx)(c.dtP,{}),onClick:function(){n("".concat(d.gA.GROUPS_ADD))}})})})]})]}),P&&(0,b.jsx)(c.kod,{}),!P&&(0,b.jsxs)(o.Fragment,{children:[D.length>0&&(0,b.jsxs)(o.Fragment,{children:[(0,b.jsx)(c.rjZ,{item:!0,xs:12,sx:{marginBottom:15},children:(0,b.jsx)(p.s,{resource:d.C3,scopes:d.vh,errorProps:{disabled:!0},children:(0,b.jsx)(c.wQF,{itemActions:$,columns:[{label:"Name"}],isLoading:P,selectedItems:B,onSelect:J||W?function(e){var n=e.target,t=void 0===n?{}:n,r=t.value,o=void 0===r?"":r,i=t.checked,c=void 0!==i&&i,l=(0,s.Z)(B);return c?l.push(o):l=l.filter((function(e){return e!==o})),Q(l),l}:void 0,records:q,entityName:"Groups",idField:""})})}),(0,b.jsx)(c.rjZ,{item:!0,xs:12,children:(0,b.jsx)(c.KfX,{title:"Groups",iconComponent:(0,b.jsx)(c.wws,{}),help:(0,b.jsxs)(o.Fragment,{children:["A group can have one attached IAM policy, where all users with membership in that group inherit that policy. Groups support more simplified management of user permissions on the MinIO Tenant.",(0,b.jsx)("br",{}),(0,b.jsx)("br",{}),"You can learn more at our"," ",(0,b.jsx)("a",{href:"https://min.io/docs/minio/linux/administration/identity-access-management/minio-group-management.html?ref=con",target:"_blank",rel:"noopener",children:"documentation"}),"."]})})})]}),0===D.length&&(0,b.jsx)(c.rjZ,{container:!0,children:(0,b.jsx)(c.rjZ,{item:!0,xs:8,children:(0,b.jsx)(c.KfX,{title:"Groups",iconComponent:(0,b.jsx)(c.oyc,{}),help:(0,b.jsxs)(o.Fragment,{children:["A group can have one attached IAM policy, where all users with membership in that group inherit that policy. Groups support more simplified management of user permissions on the MinIO Tenant.",(0,b.jsxs)(p.s,{resource:d.C3,scopes:d.vN,matchAll:!0,children:[(0,b.jsx)("br",{}),(0,b.jsx)("br",{}),"To get started,"," ",(0,b.jsx)(c.vmT,{onClick:function(){n("".concat(d.gA.GROUPS_ADD))},children:"Create a Group"}),"."]})]})})})})]})]})})]})}},21639:function(e,n,t){t.d(n,{KE:function(){return i},LQ:function(){return s},V2:function(){return o},g4:function(){return r}});var s=function(e,n){if(e.accessKey&&n.accessKey){if(e.accessKey>n.accessKey)return 1;if(e.accessKeyn.name?1:e.namen?1:en.policy?1:e.policy.\n\nimport React, { ComponentType, Suspense, SuspenseProps } from \"react\";\n\nfunction withSuspense(\n WrappedComponent: ComponentType
,\n fallback: SuspenseProps[\"fallback\"] = null,\n) {\n function ComponentWithSuspense(props: P) {\n return (\n \n \n \n );\n }\n\n return ComponentWithSuspense;\n}\n\nexport default withSuspense;\n","// This file is part of MinIO Console Server\n// Copyright (c) 2021 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React, { Fragment, useEffect, useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport {\n AddIcon,\n Button,\n DeleteIcon,\n GroupsIcon,\n HelpBox,\n IAMPoliciesIcon,\n PageLayout,\n UsersIcon,\n DataTable,\n Grid,\n Box,\n ProgressBar,\n ActionLink,\n} from \"mds\";\n\nimport { api } from \"api\";\nimport { stringSort } from \"../../../utils/sortFunctions\";\nimport { actionsTray } from \"../Common/FormComponents/common/styleLibrary\";\nimport {\n applyPolicyPermissions,\n CONSOLE_UI_RESOURCE,\n createGroupPermissions,\n deleteGroupPermissions,\n displayGroupsPermissions,\n getGroupPermissions,\n IAM_PAGES,\n permissionTooltipHelper,\n} from \"../../../common/SecureComponent/permissions\";\nimport {\n hasPermission,\n SecureComponent,\n} from \"../../../common/SecureComponent\";\nimport { errorToHandler } from \"../../../api/errors\";\nimport withSuspense from \"../Common/Components/withSuspense\";\nimport { encodeURLString } from \"../../../common/utils\";\nimport { setErrorSnackMessage, setHelpName } from \"../../../systemSlice\";\nimport { useAppDispatch } from \"../../../store\";\nimport TooltipWrapper from \"../Common/TooltipWrapper/TooltipWrapper\";\nimport PageHeaderWrapper from \"../Common/PageHeaderWrapper/PageHeaderWrapper\";\nimport HelpMenu from \"../HelpMenu\";\nimport SearchBox from \"../Common/SearchBox\";\n\nconst DeleteGroup = withSuspense(React.lazy(() => import(\"./DeleteGroup\")));\nconst SetPolicy = withSuspense(\n React.lazy(() => import(\"../Policies/SetPolicy\")),\n);\n\nconst Groups = () => {\n const dispatch = useAppDispatch();\n const navigate = useNavigate();\n\n const [deleteOpen, setDeleteOpen] = useState(false);\n const [loading, isLoading] = useState(false);\n const [records, setRecords] = useState([]);\n const [filter, setFilter] = useState(\"\");\n const [policyOpen, setPolicyOpen] = useState(false);\n const [checkedGroups, setCheckedGroups] = useState([]);\n\n useEffect(() => {\n isLoading(true);\n }, []);\n\n useEffect(() => {\n isLoading(true);\n }, []);\n\n useEffect(() => {\n dispatch(setHelpName(\"groups\"));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const displayGroups = hasPermission(\n CONSOLE_UI_RESOURCE,\n displayGroupsPermissions,\n );\n\n const deleteGroup = hasPermission(\n CONSOLE_UI_RESOURCE,\n deleteGroupPermissions,\n );\n\n const getGroup = hasPermission(CONSOLE_UI_RESOURCE, getGroupPermissions);\n\n const applyPolicy = hasPermission(\n CONSOLE_UI_RESOURCE,\n applyPolicyPermissions,\n true,\n );\n\n const selectionChanged = (e: React.ChangeEvent) => {\n const { target: { value = \"\", checked = false } = {} } = e;\n\n let elements: string[] = [...checkedGroups]; // We clone the checkedUsers array\n\n if (checked) {\n // If the user has checked this field we need to push this to checkedUsersList\n elements.push(value);\n } else {\n // User has unchecked this field, we need to remove it from the list\n elements = elements.filter((element) => element !== value);\n }\n\n setCheckedGroups(elements);\n\n return elements;\n };\n\n useEffect(() => {\n if (loading) {\n if (displayGroups) {\n const fetchRecords = () => {\n api.groups\n .listGroups()\n .then((res) => {\n let resGroups: string[] = [];\n if (res.data.groups) {\n resGroups = res.data.groups.sort(stringSort);\n }\n setRecords(resGroups);\n isLoading(false);\n })\n .catch((err) => {\n dispatch(setErrorSnackMessage(errorToHandler(err.error)));\n isLoading(false);\n });\n };\n fetchRecords();\n } else {\n isLoading(false);\n }\n }\n }, [loading, dispatch, displayGroups]);\n\n const closeDeleteModalAndRefresh = (refresh: boolean) => {\n setDeleteOpen(false);\n setCheckedGroups([]);\n if (refresh) {\n isLoading(true);\n }\n };\n\n const filteredRecords = records.filter((elementItem) =>\n elementItem.includes(filter),\n );\n\n const viewAction = (group: any) => {\n navigate(`${IAM_PAGES.GROUPS}/${encodeURLString(group)}`);\n };\n\n const tableActions = [\n {\n type: \"view\",\n onClick: viewAction,\n disableButtonFunction: () => !getGroup,\n },\n {\n type: \"edit\",\n onClick: viewAction,\n disableButtonFunction: () => !getGroup,\n },\n ];\n\n return (\n \n {deleteOpen && (\n \n )}\n {policyOpen && (\n {\n setPolicyOpen(false);\n }}\n />\n )}\n } />\n\n \n \n \n \n \n \n \n \n \n
