Fetch our own stars! (#28)

Author: TomasHubelbauer

Diff for: website/core/Footer.js

@@ -6,19 +6,20 @@
  */
 
 const React = require('react')
+const GitHubStarButton = require('./GitHubStarButton')
 
 class Footer extends React.Component {
-  docUrl (doc, language) {
+  docUrl(doc, language) {
     const baseUrl = this.props.config.baseUrl
     return baseUrl + 'docs/' + (language ? language + '/' : '') + doc
   }
 
-  pageUrl (doc, language) {
+  pageUrl(doc, language) {
     const baseUrl = this.props.config.baseUrl
     return baseUrl + (language ? language + '/' : '') + doc
   }
 
-  render () {
+  render() {
     const currentYear = new Date().getFullYear()
     return (
       <footer className='nav-footer' id='footer'>
@@ -47,17 +48,7 @@ class Footer extends React.Component {
               User Showcase
             </a>
             <a href='https://gitter.im/isomorphic-git/Lobby'>Project Chat</a>
-            <a
-              className='github-button'
-              href={this.props.config.repoUrl}
-              data-icon='octicon-star'
-              data-count-href='/isomorphic-git/isomorphic-git/stargazers'
-              data-show-count
-              data-count-aria-label='# stargazers on GitHub'
-              aria-label='Star this project on GitHub'
-            >
-              Github
-            </a>
+            <GitHubStarButton />
           </div>
           <div>
             <h5>More</h5>

Diff for: website/core/GitHubStarButton.js

@@ -0,0 +1,25 @@
+const React = require('react')
+
+const script = `
+void async function() {
+  const response = await fetch('https://api.github.com/repos/isomorphic-git/isomorphic-git', {
+    headers: { accept: 'application/vnd.github.v3+json' }
+  })
+  const data = await response.json()
+  document.querySelector('#gitHubStars').textContent = '(' + data.stargazers_count + '⭐)'
+}()
+`
+
+class GitHubStarButton extends React.Component {
+  render() {
+    // "Server-side" rendered, so `componentDidMount` wouldn't be called
+    return (
+      <div>
+        <a href="https://github.com/isomorphic-git/isomorphic-git">GitHub <span id="gitHubStars" /></a>
+        <script dangerouslySetInnerHTML={{ __html: script }} />
+      </div>
+    );
+  }
+}
+
+module.exports = GitHubStarButton

Diff for: website/i18n/en.json

@@ -13,14 +13,10 @@
     "checkout": "checkout",
     "clone": "clone",
     "commit": "commit",
-    "compare": "How does it compare with X?",
-    "Compare with X": "Compare with X",
     "config": "config",
     "currentBranch": "currentBranch",
     "dir-vs-gitdir": "`dir` vs `gitdir`",
     "dir vs gitdir": "dir vs gitdir",
-    "faq": "Frequently Asked Questions",
-    "FAQ": "FAQ",
     "fetch": "fetch",
     "findRoot": "findRoot",
     "getRemoteInfo": "getRemoteInfo",