From edca7e257eb0ff914ec26356b3954ddf8ef0a6c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20=C3=85lund?= <alund@spotify.com>
Date: Mon, 25 May 2020 09:20:06 +0200
Subject: [PATCH] Add Sentry plugin to Explore (#974)

---
 .../src/components/ExplorePluginPage.tsx      |  8 +++++
 .../SentryPluginPage/SentryPluginPage.tsx     | 29 +++++++++----------
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/plugins/explore/src/components/ExplorePluginPage.tsx b/plugins/explore/src/components/ExplorePluginPage.tsx
index efd1afa64a..12c0850032 100644
--- a/plugins/explore/src/components/ExplorePluginPage.tsx
+++ b/plugins/explore/src/components/ExplorePluginPage.tsx
@@ -45,6 +45,14 @@ const toolsCards = [
     image: 'https://miro.medium.com/max/1200/1*hkTBp22vLAqlIHkrkZHPnw.png',
     tags: ['circleci', 'ci', 'dev'],
   },
+  {
+    title: 'Sentry',
+    description:
+      'Self-hosted and cloud-based error monitoring that helps software teams discover, triage, and prioritize errors in real-time.',
+    url: '/sentry',
+    image: 'https://sentry-brand.storage.googleapis.com/sentry-logo-black.png',
+    tags: ['sentry', 'monitoring', 'errors'],
+  },
   {
     title: 'Lighthouse',
     description:
diff --git a/plugins/sentry/src/components/SentryPluginPage/SentryPluginPage.tsx b/plugins/sentry/src/components/SentryPluginPage/SentryPluginPage.tsx
index d8dc55a800..ae5f8bd35c 100644
--- a/plugins/sentry/src/components/SentryPluginPage/SentryPluginPage.tsx
+++ b/plugins/sentry/src/components/SentryPluginPage/SentryPluginPage.tsx
@@ -33,23 +33,22 @@ const SentryPluginPage: FC<{}> = () => {
 
   return (
     <Page theme={pageTheme.tool}>
-      <Header title="Welcome to Sentry Plugin!">
-        <ToggleButtonGroup
-          value={statsFor}
-          exclusive
-          onChange={toggleStatsFor}
-          aria-label="text alignment"
-        >
-          <ToggleButton value="24h" aria-label="left aligned">
-            24H
-          </ToggleButton>
-          <ToggleButton value="12h" aria-label="left aligned">
-            12H
-          </ToggleButton>
-        </ToggleButtonGroup>
-      </Header>
+      <Header title="Sentry" />
       <Content>
         <ContentHeader title="Issue on Sentry">
+          <ToggleButtonGroup
+            value={statsFor}
+            exclusive
+            onChange={toggleStatsFor}
+            aria-label="text alignment"
+          >
+            <ToggleButton value="24h" aria-label="left aligned">
+              24H
+            </ToggleButton>
+            <ToggleButton value="12h" aria-label="left aligned">
+              12H
+            </ToggleButton>
+          </ToggleButtonGroup>
           <SupportButton>
             Sentry plugin allows you to preview issues and navigate to sentry.
           </SupportButton>