feat: add standard intro text to tabs

newrelic · Jun 8, 2021 · d6cde0a · d6cde0a
1 parent 409a703
commit d6cde0a
Showing 1 changed file with 69 additions and 0 deletions.
diff --git a/src/templates/ObservabilityPackDetails.js b/src/templates/ObservabilityPackDetails.js
@@ -7,6 +7,7 @@ import PageLayout from '../components/PageLayout';
 import Tabs from '../components/Tabs';
 import { Layout, PageTools, Button } from '@newrelic/gatsby-theme-newrelic';
 import ImageGallery from '../components/ImageGallery';
+import Intro from '../components/Intro';
 
 const ObservabilityPackDetails = ({ data, location }) => {
   const pack = data.observabilityPacks;
@@ -78,7 +79,29 @@ const ObservabilityPackDetails = ({ data, location }) => {
                 <h3>Description</h3>
                 <p>{pack.description}</p>
               </Tabs.Page>
+              <Tabs.Page id="dependencies">
+                <Intro>
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
+                  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                  laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                  irure dolor in reprehenderit in voluptate velit esse cillum
+                  dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                  cupidatat non proident, sunt in culpa qui officia deserunt
+                  mollit anim id est laborum.
+                </Intro>
+              </Tabs.Page>
               <Tabs.Page id="dashboards">
+                <Intro>
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
+                  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                  laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                  irure dolor in reprehenderit in voluptate velit esse cillum
+                  dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                  cupidatat non proident, sunt in culpa qui officia deserunt
+                  mollit anim id est laborum.
+                </Intro>
                 {pack.dashboards?.map((dashboard) => (
                   <>
                     <h3>{dashboard.name}</h3>
@@ -93,6 +116,16 @@ const ObservabilityPackDetails = ({ data, location }) => {
                 ))}
               </Tabs.Page>
               <Tabs.Page id="alerts">
+                <Intro>
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
+                  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                  laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                  irure dolor in reprehenderit in voluptate velit esse cillum
+                  dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                  cupidatat non proident, sunt in culpa qui officia deserunt
+                  mollit anim id est laborum.
+                </Intro>
                 {pack.alerts?.map((alert) => (
                   <>
                     <h3>{alert.name}</h3>
@@ -105,6 +138,42 @@ const ObservabilityPackDetails = ({ data, location }) => {
                   </>
                 ))}
               </Tabs.Page>
+              <Tabs.Page id="synthetics">
+                <Intro>
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
+                  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                  laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                  irure dolor in reprehenderit in voluptate velit esse cillum
+                  dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                  cupidatat non proident, sunt in culpa qui officia deserunt
+                  mollit anim id est laborum.
+                </Intro>
+              </Tabs.Page>
+              <Tabs.Page id="visualizations">
+                <Intro>
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
+                  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                  laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                  irure dolor in reprehenderit in voluptate velit esse cillum
+                  dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                  cupidatat non proident, sunt in culpa qui officia deserunt
+                  mollit anim id est laborum.
+                </Intro>
+              </Tabs.Page>
+              <Tabs.Page id="nerdpacks">
+                <Intro>
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
+                  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                  laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                  irure dolor in reprehenderit in voluptate velit esse cillum
+                  dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                  cupidatat non proident, sunt in culpa qui officia deserunt
+                  mollit anim id est laborum.
+                </Intro>
+              </Tabs.Page>
             </Tabs.Pages>
           </Layout.Content>
           <Layout.PageTools