From 7b4714dcdb95fd1213b8cad4b80b1eb2d0cbe2f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20=C3=85lund?= <alund@spotify.com>
Date: Wed, 20 May 2020 09:48:55 +0200
Subject: [PATCH] Update CirclCI in Explore (#933)

---
 .../src/components/ExplorePluginPage.tsx      | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/plugins/explore/src/components/ExplorePluginPage.tsx b/plugins/explore/src/components/ExplorePluginPage.tsx
index 00b8222688..efd1afa64a 100644
--- a/plugins/explore/src/components/ExplorePluginPage.tsx
+++ b/plugins/explore/src/components/ExplorePluginPage.tsx
@@ -27,7 +27,7 @@ import {
 import ExploreCard, { CardData } from './ExploreCard';
 import { BackstageTheme } from '@backstage/theme';
 
-const useStyles = makeStyles<BackstageTheme>((theme) => ({
+const useStyles = makeStyles<BackstageTheme>(theme => ({
   container: {
     display: 'grid',
     gridTemplateColumns: 'repeat(auto-fill, 296px)',
@@ -37,6 +37,14 @@ const useStyles = makeStyles<BackstageTheme>((theme) => ({
 }));
 
 const toolsCards = [
+  {
+    title: 'CircleCI',
+    description:
+      'Provides builds overview, detailed build info and retriggering functionality for CircleCI.',
+    url: '/circleci',
+    image: 'https://miro.medium.com/max/1200/1*hkTBp22vLAqlIHkrkZHPnw.png',
+    tags: ['circleci', 'ci', 'dev'],
+  },
   {
     title: 'Lighthouse',
     description:
@@ -64,15 +72,6 @@ const toolsCards = [
       'https://camo.githubusercontent.com/517398c3fbe0687d3d4dcbe05da82970b882e75a/68747470733a2f2f64337676366c703535716a6171632e636c6f756466726f6e742e6e65742f6974656d732f33413061324e314c3346324f304c3377326e316a2f477261706869514c382e706e673f582d436c6f75644170702d56697369746f722d49643d3433363432',
     tags: ['graphql', 'dev'],
   },
-  {
-    title: 'CircleCI',
-    description:
-      'Provides builds overview, detailed build info and retriggering functionality for CircleCI.',
-    url: '/circleci',
-    image:
-      'https://raw.githubusercontent.com/CircleCI-Public/cimg-base/master/img/circle-circleci.svg',
-    tags: ['circleci', 'ci', 'dev'],
-  },
 ];
 
 const ExplorePluginPage: FC<{}> = () => {