feat: adding the alert types

newrelic · Aug 24, 2021 · f35e5b5 · f35e5b5
1 parent 6d651f7
commit f35e5b5
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 19 deletions.
diff --git a/src/components/quickstarts/QuickstartAlerts.js b/src/components/quickstarts/QuickstartAlerts.js
@@ -18,25 +18,25 @@ const QuickstartAlerts = ({ quickstart }) => (
       you know when something needs your attention.
     </Intro>
 
-    <dl>
-      {quickstart.alerts.map((alert, index) => (
-        <div
-          key={index}
-          css={css`
-            margin-bottom: 1rem;
-          `}
-        >
-          <dt
-            css={css`
-              font-weight: bold;
-            `}
-          >
-            {alert.name}
-          </dt>
-          {alert.details && <dd>{alert.details}</dd>}
-        </div>
-      ))}
-    </dl>
+    {quickstart.alerts.map((alert, index) => (
+      <div
+        key={index}
+        css={css`
+          margin-bottom: 1rem;
+          padding-bottom: 1rem;
+          border-bottom: 1px solid var(--divider-color);
+        `}
+      >
+        <h3>{alert.name}</h3>
+        {alert.type && (
+          <>
+            <h4>Alert Type</h4>
+            <p>{alert.type}</p>
+          </>
+        )}
+        {alert.details && <p>{alert.details}</p>}
+      </div>
+    ))}
   </>
 );
 

diff --git a/src/templates/QuickstartDetails.js b/src/templates/QuickstartDetails.js
@@ -252,6 +252,7 @@ export const pageQuery = graphql`
         details
         name
         url
+        type
       }
       authors
     }
-Original file line number
+Diff line change
@@ Expand Up / @@ -252,6 +252,7 @@ export const pageQuery = graphql` @@
             details
             name
             url
+            type
           }
           authors
         }
@@ Expand Down @@