feat: update ConfigPolicies with docs link [CM-558]

webui/react/src/components/ConfigPolicies.tsx

@@ -13,8 +13,10 @@ import yaml from 'js-yaml';
 import { isEmpty } from 'lodash';
 import { useState } from 'react';
 
+import Link from 'components/Link';
 import { useAsync } from 'hooks/useAsync';
 import usePermissions from 'hooks/usePermissions';
+import { paths } from 'routes/utils';
 import {
   deleteGlobalConfigPolicies,
   deleteWorkspaceConfigPolicies,
@@ -90,8 +92,8 @@ const ConfigPoliciesTab: React.FC<TabProps> = ({ workspaceId, global, type }: Ta
     ? "You're about to apply these configuration policies to the cluster."
     : "You're about to apply these configuration policies to the workspace.";
   const viewMessage = global
-    ? 'Global configuration policies are being applied to the cluster.'
-    : 'Global configuration policies are being applied to the workspace.';
+    ? 'Configuration policies are being applied to the cluster.'
+    : 'Configuration policies are being applied to the workspace.';
   const confirmMessageEnding = global
     ? 'underlying workspaces, projects, and submitted experiments in the cluster.'
     : 'underlying projects and their experiments in this workspace.';
@@ -161,6 +163,12 @@ const ConfigPoliciesTab: React.FC<TabProps> = ({ workspaceId, global, type }: Ta
     setDisabled(hasErrors(form) || form.getFieldValue(YAML_FORM_ITEM_NAME) === initialYAML);
   };
 
+  const docsLink = (
+    <Link external path={paths.docs('/manage/config-policies.html')} popout>
+      Learn more
+    </Link>
+  );
+
   if (rbacLoading) return <Spinner spinning />;
 
   return (
@@ -174,11 +182,16 @@ const ConfigPoliciesTab: React.FC<TabProps> = ({ workspaceId, global, type }: Ta
                   Apply
                 </Button>
               }
+              description={docsLink}
               message={applyMessage}
               showIcon
             />
           ) : (
-            <Alert message={viewMessage} showIcon />
+            <Alert
+              description={docsLink}
+              message={viewMessage}
+              showIcon
+            />
           )}
         </div>
       </Row>

webui/react/src/pages/ConfigPoliciesPage.tsx

@@ -1,11 +1,27 @@
+import Spinner from 'hew/Spinner';
 import React, { useRef } from 'react';
 
 import ConfigPolicies from 'components/ConfigPolicies';
 import Page from 'components/Page';
+import PageNotFound from 'components/PageNotFound';
+import usePermissions from 'hooks/usePermissions';
 import { paths } from 'routes/utils';
+import determinedStore, { BrandingType } from 'stores/determinedInfo';
+import { useObservable } from 'utils/observable';
 
 const TemplatesPage: React.FC = () => {
   const pageRef = useRef<HTMLElement>(null);
+  const info = useObservable(determinedStore.info);
+  const {
+    canViewGlobalConfigPolicies,
+    loading: rbacLoading,
+  } = usePermissions();
+
+  const canView = info.branding === BrandingType.HPE && canViewGlobalConfigPolicies;
+
+  if (rbacLoading) return <Spinner spinning />;
+
+  if (!canView) return <PageNotFound />;
 
   return (
     <Page