Update UpgradePage.tsx

public/app/features/admin/UpgradePage.tsx

@@ -9,7 +9,6 @@ import { Page } from 'app/core/components/Page/Page';
 import { getNavModel } from '../../core/selectors/navModel';
 import { StoreState } from '../../types';
 
-import { LicenseChrome } from './LicenseChrome';
 import { ServerStats } from './ServerStats';
 
 interface Props {
@@ -50,19 +49,6 @@ const getStyles = (theme: GrafanaTheme2) => {
   };
 };
 
-const GetEnterprise = () => {
-  return (
-    <div style={{ marginTop: '40px', marginBottom: '30px' }}>
-      <h2 style={titleStyles}>Get Grafana Enterprise</h2>
-      <CallToAction />
-      <p style={{ paddingTop: '12px' }}>
-        You can use the trial version for free for 30 days. We will remind you about it five days before the trial
-        period ends.
-      </p>
-    </div>
-  );
-};
-
 const CallToAction = () => {
   return (
     <LinkButton
@@ -75,140 +61,6 @@ const CallToAction = () => {
   );
 };
 
-const ServiceInfo = () => {
-  return (
-    <div>
-      <h4>At your service</h4>
-
-      <List>
-        <Item title="Enterprise Plugins" image="public/img/licensing/plugin_enterprise.svg" />
-        <Item title="Critical SLA: 2 hours" image="public/img/licensing/sla.svg" />
-        <Item title="Unlimited Expert Support" image="public/img/licensing/customer_support.svg">
-          24 x 7 x 365 support via
-          <List nested={true}>
-            <Item title="Email" />
-            <Item title="Private Slack channel" />
-            <Item title="Phone" />
-          </List>
-        </Item>
-        <Item title="Hand-in-hand support" image="public/img/licensing/handinhand_support.svg">
-          in the upgrade process
-        </Item>
-      </List>
-
-      <div style={{ marginTop: '20px' }}>
-        <strong>Also included:</strong>
-        <br />
-        Indemnification, working with Grafana Labs on future prioritization, and training from the core Grafana team.
-      </div>
-
-      <GetEnterprise />
-    </div>
-  );
-};
-
-const FeatureInfo = () => {
-  return (
-    <div style={{ paddingRight: '11px' }}>
-      <h4>Enhanced functionality</h4>
-      <FeatureListing />
-    </div>
-  );
-};
-
-const FeatureListing = () => {
-  return (
-    <List>
-      <Item title="Data source permissions" />
-      <Item title="Reporting" />
-      <Item title="SAML authentication" />
-      <Item title="Enhanced LDAP integration" />
-      <Item title="Team Sync">LDAP, GitHub OAuth, Auth Proxy, Okta</Item>
-      <Item title="White labeling" />
-      <Item title="Auditing" />
-      <Item title="Settings updates at runtime" />
-      <Item title="Grafana usage insights">
-        <List nested={true}>
-          <Item title="Sort dashboards by popularity in search" />
-          <Item title="Find unused dashboards" />
-          <Item title="Dashboard usage stats drawer" />
-          <Item title="Dashboard presence indicators" />
-        </List>
-      </Item>
-      <Item title="Enterprise plugins">
-        <List nested={true}>
-          <Item title="Oracle" />
-          <Item title="Splunk" />
-          <Item title="Service Now" />
-          <Item title="Dynatrace" />
-          <Item title="New Relic" />
-          <Item title="DataDog" />
-          <Item title="AppDynamics" />
-          <Item title="SAP HANA®" />
-          <Item title="Gitlab" />
-          <Item title="Honeycomb" />
-          <Item title="Jira" />
-          <Item title="MongoDB" />
-          <Item title="Salesforce" />
-          <Item title="Snowflake" />
-          <Item title="Wavefront" />
-        </List>
-      </Item>
-    </List>
-  );
-};
-
-interface ListProps {
-  nested?: boolean;
-}
-
-const List = ({ children, nested }: React.PropsWithChildren<ListProps>) => {
-  const listStyle = css`
-    display: flex;
-    flex-direction: column;
-    padding-top: 8px;
-
-    > div {
-      margin-bottom: ${nested ? 0 : 8}px;
-    }
-  `;
-
-  return <div className={listStyle}>{children}</div>;
-};
-
-interface ItemProps {
-  title: string;
-  image?: string;
-}
-
-const Item = ({ children, title, image }: React.PropsWithChildren<ItemProps>) => {
-  const imageUrl = image ? image : 'public/img/licensing/checkmark.svg';
-  const itemStyle = css`
-    display: flex;
-
-    > img {
-      display: block;
-      height: 22px;
-      flex-grow: 0;
-      padding-right: 12px;
-    }
-  `;
-  const titleStyle = css`
-    font-weight: 500;
-    line-height: 1.7;
-  `;
-
-  return (
-    <div className={itemStyle}>
-      <img src={imageUrl} alt="" />
-      <div>
-        <div className={titleStyle}>{title}</div>
-        {children}
-      </div>
-    </div>
-  );
-};
-
 const mapStateToProps = (state: StoreState) => ({
   navModel: getNavModel(state.navIndex, 'upgrading'),
 });