fix(): add web site link to about page

pathephone · Jul 3, 2018 · 98cdc92 · 98cdc92
1 parent 98d1315
commit 98cdc92
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/renderer/view/App/ReadyScreen/Page/DonatePage/AboutHero.jsx b/src/renderer/view/App/ReadyScreen/Page/DonatePage/AboutHero.jsx
@@ -3,6 +3,7 @@ import propTypes from 'prop-types'
 
 import GithubIcon from 'react-icons/lib/go/mark-github'
 import TwitterIcon from 'react-icons/lib/io/social-twitter'
+import GlobeIcon from 'react-icons/lib/io/earth'
 
 import getMyAppVersion from '~utils/getMyAppVersion'
 
@@ -24,11 +25,14 @@ const Hero = ({ hasNewReleaseCard }) => (
       )
     }
     <small className='aboutHeroSocial'>
+      <SocialLink link='https://pathephone.github.io'>
+        <GlobeIcon /> <span>Site</span>
+      </SocialLink>
       <SocialLink link='https://twitter.com/patheplayer'>
-        <TwitterIcon /> Twitter
+        <TwitterIcon /> <span>Twitter</span>
       </SocialLink>
       <SocialLink link='https://github.com/pathephone'>
-        <GithubIcon /> GitHub
+        <GithubIcon /> <span>GitHub</span>
       </SocialLink>
     </small>
   </div>

diff --git a/src/renderer/view/App/ReadyScreen/Page/DonatePage/AboutHero/SocialLink.css b/src/renderer/view/App/ReadyScreen/Page/DonatePage/AboutHero/SocialLink.css
@@ -1,5 +1,7 @@
 
 .socialLink {
+  display: flex;
+  align-items: center;
   border-radius: 2px;
   color: black;
   margin: 0 1em;
@@ -13,4 +15,8 @@
 .socialLink:active {
   background-color: var(--accent-color);
   color: white;
+}
+
+.socialLink span {
+  margin-left: 0.5em;
 }