Provisioning: Add private preview badge (#111524)

* Provisioning: Add private preview badge

* Add docs link

public/app/features/provisioning/GettingStarted/FeaturesList.tsx

@@ -1,8 +1,10 @@
 import { css } from '@emotion/css';
 
-import { GrafanaTheme2 } from '@grafana/data';
+import { FeatureState, GrafanaTheme2 } from '@grafana/data';
+import { GrafanaEdition } from '@grafana/data/internal';
 import { Trans } from '@grafana/i18n';
-import { Box, LinkButton, Stack, Text, useStyles2 } from '@grafana/ui';
+import { config } from '@grafana/runtime';
+import { Box, FeatureBadge, LinkButton, Stack, Text, TextLink, useStyles2 } from '@grafana/ui';
 
 import { RepositoryTypeCards } from '../Shared/RepositoryTypeCards';
 
@@ -13,13 +15,15 @@ interface FeaturesListProps {
 
 export const FeaturesList = ({ hasRequiredFeatures, onSetupFeatures }: FeaturesListProps) => {
   const styles = useStyles2(getStyles);
+  const isOnPrem = [GrafanaEdition.OpenSource, GrafanaEdition.Enterprise].includes(config.buildInfo.edition);
 
   return (
     <Stack direction="column" gap={3}>
       <Text variant="h2">
         <Trans i18nKey="provisioning.features-list.manage-your-dashboards-with-remote-provisioning">
           Get started with Git Sync
-        </Trans>
+        </Trans>{' '}
+        {!isOnPrem && <FeatureBadge featureState={FeatureState.privatePreview} />}
       </Text>
       <ul className={styles.featuresList}>
         <li>
@@ -33,6 +37,20 @@ export const FeaturesList = ({ hasRequiredFeatures, onSetupFeatures }: FeaturesL
           </Trans>
         </li>
       </ul>
+      <Text>
+        <Trans i18nKey="provisioning.features-list.learn-more-documentation">
+          Want to learn more? See our{' '}
+          <TextLink
+            external
+            href={
+              'https://grafana.com/docs/grafana-cloud/developer-resources/observability-as-code/provision-resources'
+            }
+          >
+            documentation
+          </TextLink>
+          .
+        </Trans>
+      </Text>
       {!hasRequiredFeatures ? (
         <Box>
           <LinkButton fill="outline" onClick={onSetupFeatures}>

public/app/features/provisioning/GettingStarted/GettingStartedPage.tsx

@@ -1,4 +1,6 @@
+import { GrafanaEdition } from '@grafana/data/internal';
 import { Trans, t } from '@grafana/i18n';
+import { config } from '@grafana/runtime';
 import { Box, Text, TextLink } from '@grafana/ui';
 import { Repository } from 'app/api/clients/provisioning/v0alpha1';
 import { Page } from 'app/core/components/Page/Page';
@@ -30,6 +32,12 @@ export default function GettingStartedPage({ items }: Props) {
 }
 
 function Banner() {
+  const isOnPrem = [GrafanaEdition.OpenSource, GrafanaEdition.Enterprise].includes(config.buildInfo.edition);
+
+  if (!isOnPrem) {
+    return null;
+  }
+
   return (
     <Box
       display="flex"

public/locales/en-US/grafana.json

@@ -11327,6 +11327,7 @@
       "actions": {
         "set-up-required-feature-toggles": "Set up required feature toggles"
       },
+      "learn-more-documentation": "Want to learn more? See our <2>documentation</2>.",
       "manage-dashboards-provision-updates-automatically": "Manage dashboards as code in Git and provision updates automatically",
       "manage-your-dashboards-with-remote-provisioning": "Get started with Git Sync",
       "store-dashboards-in-version-controlled-storage": "Store dashboards in version-controlled storage for better organization and history tracking"