feat: update i/o super tiles

* Remove CodeStream super tile component * Make Guided install tile full width * Update copy for Guided install tile
newrelic · Dec 27, 2021 · 0d9dbd0 · 0d9dbd0
1 parent 9272c5f
commit 0d9dbd0
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 113 deletions.
diff --git a/COMPONENT_GUIDE.md b/COMPONENT_GUIDE.md
@@ -443,7 +443,7 @@ You can see the difference in what is displayed below:
 
 ### Usage
 
-The `SuperTiles` component renders the `GuidedInstallTile` and `CodeStreamTile` (treatment) components.
+The `SuperTiles` component renders the `GuidedInstallTile` component.
 
 To include it:
 
@@ -484,12 +484,3 @@ The `GuidedInstallTile` component includes custom content relevant to the guided
 <GuidedInstallTile />
 ```
 
-### CodeStreamTile
-
-### Usage
-
-The `CodeStreamTile` component includes custom content relevant to New Relic CodeStream.
-
-```html
-<CodeStreamTile />
-```
diff --git a/src/components/CodeStreamTile.js b/src/components/CodeStreamTile.js
diff --git a/src/components/GuidedInstallTile.js b/src/components/GuidedInstallTile.js
@@ -49,7 +49,7 @@ const GuidedInstallTile = () => {
               line-height: 20px;
             `}
           >
-            First Steps
+            First step
           </span>
           <h2
             css={css`
@@ -63,7 +63,7 @@ const GuidedInstallTile = () => {
               }
             `}
           >
-            Guided Install
+            Guided install
           </h2>
           <span
             css={css`
@@ -74,8 +74,9 @@ const GuidedInstallTile = () => {
               }
             `}
           >
-            Install the New Relic agent with a single command line and start
-            monitoring your log and infrastructure data in real time.
+            Many engineers start here. You'll install an agent with a single
+            command line and start monitoring your log and infrastructure data
+            in real time.
           </span>
         </div>
         <div>

diff --git a/src/components/SuperTiles.js b/src/components/SuperTiles.js
@@ -1,6 +1,5 @@
 import React from 'react';
 import { css } from '@emotion/react';
-import CodeStreamTile from './CodeStreamTile';
 import GuidedInstallTile from './GuidedInstallTile';
 
 const SuperTiles = () => {
@@ -10,15 +9,10 @@ const SuperTiles = () => {
         display: grid;
         margin-bottom: 16px;
         gap: 16px;
-        grid-template-columns: repeat(2, 1fr);
-
-        @media (max-width: 1180px) {
-          grid-template-columns: repeat(1, 1fr);
-        }
+        grid-template-columns: repeat(1, 1fr);
       `}
     >
       <GuidedInstallTile />
-      <CodeStreamTile />
     </div>
   );
 };