feat: add final copy for dashboards, alerts, synthetics

* added final copy for tabs except for visualization which is still using placeholder text.
newrelic · Jul 12, 2021 · 05f74d5 · 05f74d5
1 parent 122d3cf
commit 05f74d5
Showing 1 changed file with 35 additions and 57 deletions.
diff --git a/src/templates/ObservabilityPackDetails.js b/src/templates/ObservabilityPackDetails.js
@@ -130,31 +130,11 @@ const ObservabilityPackDetails = ({ data, location }) => {
                     margin-bottom: 16px;
                   `}
                 >
-                  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.
+                  Before you install the {pack.name} observability pack, make
+                  sure you meet the requirements documented below.
                 </Intro>
               </Tabs.Page>
               <Tabs.Page id="dashboards">
-                <Intro
-                  css={css`
-                    margin-bottom: 16px;
-                  `}
-                >
-                  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>
@@ -167,48 +147,41 @@ const ObservabilityPackDetails = ({ data, location }) => {
                     )}
                   </>
                 ))}
+                <Intro
+                  css={css`
+                    margin-bottom: 16px;
+                  `}
+                >
+                  {pack.name} observability pack contains{' '}
+                  {pack.dashboards?.length ?? 0} dashboards. These interactive
+                  visualizations let you easily explore your data, understand
+                  context, and resolve problems faster.
+                </Intro>
               </Tabs.Page>
               <Tabs.Page id="alerts">
                 <Intro
                   css={css`
                     margin-bottom: 16px;
                   `}
                 >
-                  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.
+                  {pack.name} observability pack contains{' '}
+                  {pack.alerts?.length ?? 0} alerts, which detect changes in key
+                  performance metrics. Integrate these alerts with your favorite
+                  tools (like Slack, PagerDuty, etc.) and New Relic will let you
+                  know when something needs your attention.
                 </Intro>
-                {pack.alerts?.map((alert) => (
-                  <>
-                    <h3>{alert.name}</h3>
-                    {alert.description && (
-                      <>
-                        <h4>Description</h4>
-                        <p>{alert.description}</p>
-                      </>
-                    )}
-                  </>
-                ))}
               </Tabs.Page>
               <Tabs.Page id="synthetics">
                 <Intro
                   css={css`
                     margin-bottom: 16px;
                   `}
                 >
-                  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.
+                  {pack.name} observability pack includes{' '}
+                  {pack.synthetics?.length ?? 0} Synthetics checks. These checks
+                  will run automatically to simulate user traffic and ensure
+                  your site or API endpoint is not only available, but fully
+                  functional.
                 </Intro>
               </Tabs.Page>
               <Tabs.Page id="visualizations">
@@ -233,14 +206,10 @@ const ObservabilityPackDetails = ({ data, location }) => {
                     margin-bottom: 16px;
                   `}
                 >
-                  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.
+                  Nerdpacks are custom applications that extend the monitoring
+                  capabilities of the New Relic One platform. {pack.name}
+                  observability pack includes {pack.nerdpacks?.length ?? 0}
+                  Nerdpacks to make sure you’re monitoring what matters.
                 </Intro>
               </Tabs.Page>
             </Tabs.Pages>
@@ -331,6 +300,15 @@ export const pageQuery = graphql`
         screenshots
         url
       }
+      alerts {
+        name
+      }
+      synthetics {
+        name
+      }
+      nerdpacks {
+        name
+      }
       authors
     }
   }