From 13b2160133c7f56bb65e9d18cb6e0ae9650100b4 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sat, 30 Nov 2019 17:15:56 +0400
Subject: [PATCH] Add share icons on roadmap detail page

---
 components/detailed-roadmap/index.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/detailed-roadmap/index.js b/components/detailed-roadmap/index.js
index ef4fc2ad3..1cceccbff 100644
--- a/components/detailed-roadmap/index.js
+++ b/components/detailed-roadmap/index.js
@@ -1,9 +1,10 @@
 import { PageHeader, RoadmapMeta, ShareRoadmap, Sidebar, Summary, SummaryContainer } from './style';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faFacebookSquare, faTwitterSquare, faRedditSquare } from '@fortawesome/free-brands-svg-icons'
+import { faFacebookSquare, faTwitterSquare, faRedditSquare, faGithubSquare } from '@fortawesome/free-brands-svg-icons'
 import { getFacebookShareUrl } from 'lib/url';
 import { ShareIcon } from 'components/share-icon';
-import { getRedditShareUrl, getTwitterShareUrl } from '../../lib/url';
+import { getRedditShareUrl, getTwitterShareUrl } from 'lib/url';
+import siteConfig from "storage/site";
 
 const DetailedRoadmap = ({ roadmap }) => {
   const roadmapPages = Object.keys(roadmap.sidebar || {}).map(groupTitle => {
@@ -35,6 +36,9 @@ const DetailedRoadmap = ({ roadmap }) => {
             <p>Roadmap contributed by <a href="#">Kamran Ahmed</a> and <a href="#">5 others</a></p>
           </RoadmapMeta>
           <ShareRoadmap className="mt-2 mt-md-0">
+            <ShareIcon href={ siteConfig.url.repo } target="_blank">
+              <FontAwesomeIcon icon={ faGithubSquare } />
+            </ShareIcon>
             <ShareIcon href={ getFacebookShareUrl({ text: roadmap.title, url: roadmap.url }) } target="_blank">
               <FontAwesomeIcon icon={ faFacebookSquare } />
             </ShareIcon>