console: enable inherited roles by default

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/3554
GitOrigin-RevId: 04db7ce07931d390b2c6e507b955c65399edae71

CHANGELOG.md

@@ -44,6 +44,7 @@ count (
 - console: fix list of tables (and schemas) being unsorted when creating a new trigger event (fix #6391)
 - console: fix custom field names breaking browse table sorting and the pre-populating of the edit row form
 - console: enable support for insert & delete permissions for mssql tables
+- console: enable inherited role on settings page
 - cli: migrate and seed subcommands has an option in prompt to choose and apply operation on all available databases
 - cli: fix `metadata diff --type json | unified-json` behaving incorrectly and showing diff in YAML format.
 - cli: fix regression in `migrate create` command (#7971)

console/src/components/Services/Settings/InheritedRoles/InheritedRoles.tsx

@@ -13,7 +13,7 @@ import InheritedRolesTable, {
 import { RoleActionsInterface } from './types';
 import InheritedRolesEditor, { EditorProps } from './InheritedRolesEditor';
 import { InheritedRole } from '../../../../metadata/types';
-import { Badge, Heading } from '../../../UIKit/atoms';
+import { Heading } from '../../../UIKit/atoms';
 import { getConfirmation } from '../../../Common/utils/jsUtils';
 import {
   deleteInheritedRoleAction,
@@ -26,7 +26,7 @@ export const ActionContext = React.createContext<RoleActionsInterface | null>(
 );
 
 const InheritedRoles: React.FC<Props> = props => {
-  const { allRoles, inheritedRoles, experimentalFeatures, dispatch } = props;
+  const { allRoles, inheritedRoles, dispatch } = props;
   const [inheritedRoleName, setInheritedRoleName] = useState('');
   const [inheritedRole, setInheritedRole] = useState<InheritedRole | null>(
     null
@@ -80,14 +80,8 @@ const InheritedRoles: React.FC<Props> = props => {
     <div
       className={`${styles.clear_fix} ${styles.padd_left} ${styles.padd_top} ${styles.metadata_wrapper} container-fluid`}
     >
-      {experimentalFeatures &&
-      experimentalFeatures.includes('inherited_roles') ? (
-        <>
       <div className={styles.header}>
         <Heading fontSize="24px">Inherited Roles</Heading>
-            <span className={styles.headerBadge}>
-              <Badge type="experimental" />
-            </span>
       </div>
       <div className={styles.add_mar_top}>
         Inherited roles will combine the permissions of 2 or more roles.
@@ -105,16 +99,6 @@ const InheritedRoles: React.FC<Props> = props => {
         inheritedRoleName={inheritedRoleName}
         inheritedRole={inheritedRole}
       />
-        </>
-      ) : (
-        <div>
-          Inherited roles is currently an experimental feature. To enable
-          inherited roles, start the Hasura server with environment variable
-          <code>
-            HASURA_GRAPHQL_EXPERIMENTAL_FEATURES: &quot;inherited_roles&quot;
-          </code>
-        </div>
-      )}
     </div>
   );
 };