diff --git a/COMPONENT_GUIDE.md b/COMPONENT_GUIDE.md index 9fc96ef4a..6ea11a6d9 100644 --- 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 ``` -### CodeStreamTile - -### Usage - -The `CodeStreamTile` component includes custom content relevant to New Relic CodeStream. - -```html - -``` diff --git a/src/components/CodeStreamTile.js b/src/components/CodeStreamTile.js deleted file mode 100644 index 465d9c827..000000000 --- a/src/components/CodeStreamTile.js +++ /dev/null @@ -1,92 +0,0 @@ -import React from 'react'; -import { css } from '@emotion/react'; -import SuperTile from './SuperTile'; -import { Button, useTessen } from '@newrelic/gatsby-theme-newrelic'; -import { Link } from 'gatsby'; -import Cookies from 'js-cookie'; -import { getPackNr1Url } from '../utils/get-pack-nr1-url'; - -const CodeStreamTile = () => { - const tessen = useTessen(); - - const isReturningUser = Boolean(Cookies.get('ajs_user_id')); - const quickstartId = '29bd9a4a-1c19-4219-9694-0942f6411ce7'; - const nerdletId = 'codestream-install.home'; - - const link = isReturningUser - ? getPackNr1Url(quickstartId, nerdletId) - : `/instant-observability/codestream/${quickstartId}/`; - - const handleButtonClick = () => { - tessen.track({ - eventName: 'clickSuperTile', - category: 'QuickstartLanding', - tile: 'codestream', - }); - }; - - return ( - -
-
- - Tools & Communications - -

- Introducing CodeStream -

- - CodeStream supercharges development workflows by putting - collaboration tools in your IDE. - -
-
- -
-
-
- ); -}; - -export default CodeStreamTile; diff --git a/src/components/GuidedInstallTile.js b/src/components/GuidedInstallTile.js index ce547f23a..11ff6a96f 100644 --- a/src/components/GuidedInstallTile.js +++ b/src/components/GuidedInstallTile.js @@ -49,7 +49,7 @@ const GuidedInstallTile = () => { line-height: 20px; `} > - First Steps + First step

{ } `} > - Guided Install + Guided install

{ } `} > - 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.
diff --git a/src/components/SuperTiles.js b/src/components/SuperTiles.js index bad4f072d..d405610cf 100644 --- 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); `} > -
); };