From 0accc56f056ab6f4b6433afb9d63e6e359d6a894 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sat, 9 Nov 2019 20:04:10 +0400
Subject: [PATCH] Roadmap summary badges

---
 components/badges/index.js          | 5 +++++
 components/roadmap-summary/index.js | 6 +++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/components/badges/index.js b/components/badges/index.js
index 3af88a87d..eab18e355 100644
--- a/components/badges/index.js
+++ b/components/badges/index.js
@@ -40,6 +40,11 @@ export const InfoBadge = styled(PrimaryBadge)`
   color: white;
 `;
 
+export const DarkBadge = styled(PrimaryBadge)`
+  background: #101010;
+  color: white;
+`;
+
 export const BadgeLink = styled.a`
   text-decoration: none;
   
diff --git a/components/roadmap-summary/index.js b/components/roadmap-summary/index.js
index bdfdf0510..71f557838 100644
--- a/components/roadmap-summary/index.js
+++ b/components/roadmap-summary/index.js
@@ -11,9 +11,9 @@ import {
   VersionList,
 } from './style';
 import SharePage from 'components/share-page';
-import { BadgeLink, BadgesList, PrimaryBadge, SecondaryBadge } from 'components/badges';
+import { BadgeLink, BadgesList, PrimaryBadge, SecondaryBadge, DarkBadge } from 'components/badges';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faEnvelope, faClock, faHandshake } from '@fortawesome/free-solid-svg-icons';
+import { faEnvelope, faClock, faHandshake, faArrowLeft } from '@fortawesome/free-solid-svg-icons';
 import GuideBody from 'components/guide-body';
 import siteConfig from "data/site";
 
@@ -41,7 +41,7 @@ const RoadmapSummary = ({ roadmap }) => (
           <BadgeLink href={`${siteConfig.url.issue}?title=[${roadmap.title}] - Title Here`} target="_blank">
             <SecondaryBadge>
               <FontAwesomeIcon icon={faHandshake}/>
-              Suggest Improvements
+              Suggest Changes
             </SecondaryBadge>
           </BadgeLink>
         ) }