diff --git a/packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/Permissions/ApplicationScopesAssignmentModal/index.tsx b/packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/Permissions/ApplicationScopesAssignmentModal/index.tsx index 98da0310b..4e87abfda 100644 --- a/packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/Permissions/ApplicationScopesAssignmentModal/index.tsx +++ b/packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/Permissions/ApplicationScopesAssignmentModal/index.tsx @@ -47,21 +47,28 @@ function ApplicationScopesAssignmentModal({ isOpen, onClose, applicationId }: Pr const tabs = useMemo( () => - Object.values(permissionTabs).map(({ title, key }) => { - const selectedDataCount = scopesAssignment[key].selectedData.length; + Object.values(permissionTabs) + /** + * Hide the organization resource scopes tab since the feature is not ready. + * We don't need the `isDevFeaturesEnabled` flag since the feature will change the UI. + * Todo @xiaoyijun Implement the new organization resource scopes feature. LOG-8823 + */ + .filter(({ key }) => key !== ApplicationUserConsentScopeType.OrganizationResourceScopes) + .map(({ title, key }) => { + const selectedDataCount = scopesAssignment[key].selectedData.length; - return ( - { - setActiveTab(key); - }} - > - {`${t(title)}${selectedDataCount ? ` (${selectedDataCount})` : ''}`} - - ); - }), + return ( + { + setActiveTab(key); + }} + > + {`${t(title)}${selectedDataCount ? ` (${selectedDataCount})` : ''}`} + + ); + }), [activeTab, scopesAssignment, setActiveTab, t] );