diff options
| author | Kamran Ahmed <kamranahmed.se@gmail.com> | 2018-08-30 21:52:35 +0500 |
|---|---|---|
| committer | Kamran Ahmed <kamranahmed.se@gmail.com> | 2018-08-30 21:52:35 +0500 |
| commit | 46bf83acaf40370fb1b9aa96d7dd703b1c57f2f1 (patch) | |
| tree | 809c2260737fd4f0c258eb221edafe75367b710a | |
| parent | Extension link (diff) | |
| download | githunt-46bf83acaf40370fb1b9aa96d7dd703b1c57f2f1.tar.gz | |
Add tweet button and UI changes
| -rw-r--r-- | src/components/top-nav/index.js | 6 | ||||
| -rw-r--r-- | src/components/top-nav/styles.css | 5 |
2 files changed, 11 insertions, 0 deletions
diff --git a/src/components/top-nav/index.js b/src/components/top-nav/index.js index df27147..c807698 100644 --- a/src/components/top-nav/index.js +++ b/src/components/top-nav/index.js @@ -4,6 +4,8 @@ import './styles.css'; import Logo from '../icons/logo'; class TopNav extends React.Component { + tweet = 'GitHunt – Most starred projects on Github by @kamranahmedse https://github.com/kamranahmedse/githunt'; + render() { return ( <div className='top-nav'> @@ -27,6 +29,10 @@ class TopNav extends React.Component { target='_blank' rel="noopener noreferrer" className="btn btn-danger"><i className="fa fa-chrome mr-1"></i> Use Extension</a> + <a href={ `https://twitter.com/intent/tweet?text=${this.tweet}` } + target='_blank' + rel="noopener noreferrer" + className="btn btn-primary btn-tweet"><i className="fa fa-twitter mr-1"></i> Tweet</a> </div> </div> </div> diff --git a/src/components/top-nav/styles.css b/src/components/top-nav/styles.css index d3ccd3f..c950f45 100644 --- a/src/components/top-nav/styles.css +++ b/src/components/top-nav/styles.css @@ -37,3 +37,8 @@ box-shadow: none; } +.btn-tweet { + background: #01aced; + border-color: #01aced; +} + |