Merge pull request #1489 from elaguerta/rm-vis-syn-tabs

Delete vis and syn tabs from ObservabilityPackDetails.js
newrelic · Jul 21, 2021 · 02ad46c · 02ad46c
2 parents efdfb78 + 250f271
commit 02ad46c
Showing 1 changed file with 0 additions and 49 deletions.
diff --git a/src/templates/ObservabilityPackDetails.js b/src/templates/ObservabilityPackDetails.js
@@ -115,36 +115,6 @@ const renderAlerts = (pack) => {
   );
 };
 
-const renderSynthetics = (pack) => {
-  return (
-    <Intro
-      css={css`
-        margin-bottom: 16px;
-      `}
-    >
-      {pack.name} observability pack includes{' '}
-      {pluralize('Synthetics check', pack.synthetics?.length ?? 0, true)}. These
-      checks will run automatically to simulate user traffic and ensure your
-      site or API endpoint is not only available, but fully functional.
-    </Intro>
-  );
-};
-
-const renderVisualizations = (pack) => {
-  return (
-    <Intro
-      css={css`
-        margin-bottom: 16px;
-      `}
-    >
-      {pack.name} observability pack includes{' '}
-      {pluralize('visualization', pack.visualizations?.length ?? 0, true)}.
-      These charts have been customized to represent data in a way that a
-      standard dashboard isn’t able to, so you can monitor what’s essential.
-    </Intro>
-  );
-};
-
 const emptyStateContent = (pack, tabName) => {
   return (
     <div
@@ -260,15 +230,6 @@ const ObservabilityPackDetails = ({ data, location }) => {
             <Tabs.BarItem id="alerts" count={pack.alerts?.length ?? 0}>
               Alerts
             </Tabs.BarItem>
-            <Tabs.BarItem id="synthetics" count={pack.synthetics?.length ?? 0}>
-              Synthetics
-            </Tabs.BarItem>
-            <Tabs.BarItem
-              id="visualizations"
-              count={pack.visualizations?.length ?? 0}
-            >
-              Visualizations
-            </Tabs.BarItem>
           </Tabs.Bar>
           <Layout.Content>
             <Tabs.Pages>
@@ -289,16 +250,6 @@ const ObservabilityPackDetails = ({ data, location }) => {
                   ? renderAlerts(pack)
                   : emptyStateContent(pack, 'alerts')}
               </Tabs.Page>
-              <Tabs.Page id="synthetics">
-                {pack.synthetics
-                  ? renderSynthetics(pack)
-                  : emptyStateContent(pack, 'Synthetics checks')}
-              </Tabs.Page>
-              <Tabs.Page id="visualizations">
-                {pack.visualizations
-                  ? renderVisualizations(pack)
-                  : emptyStateContent(pack, 'visualizations')}
-              </Tabs.Page>
             </Tabs.Pages>
           </Layout.Content>
           <Layout.PageTools