Add badges to landing page

rvsia · rvsia · commit 13a057e6e210 · 2020-04-08T14:15:28.000+02:00
diff --git a/packages/react-renderer-demo/src/app/pages/_document.js b/packages/react-renderer-demo/src/app/pages/_document.js
@@ -25,6 +25,7 @@ class MyDocument extends Document {
         <body>
           <Main />
           <NextScript />
+          <script async defer src="https://buttons.github.io/buttons.js"></script>
         </body>
       </html>
     );
diff --git a/packages/react-renderer-demo/src/app/pages/index.js b/packages/react-renderer-demo/src/app/pages/index.js
@@ -25,6 +25,11 @@ const useStyles = makeStyles((theme) => ({
     textAlign: 'center',
     marginTop: 48
   },
+  npmLink: {
+    display: 'block',
+    textAlign: 'center',
+    marginTop: 24
+  },
   getStartedAnchor: {
     textDecoration: 'none'
   },
@@ -56,6 +61,20 @@ const LandingPage = () => {
             </a>
           </Link>
         </div>
+        <div className={classes.npmLink}>
+          <a
+            className="github-button"
+            href="https://github.com/data-driven-forms/react-forms"
+            data-show-count="true"
+            aria-label="Star data-driven-forms/react-forms on GitHub"
+          >
+            Star
+          </a>
+          &nbsp;
+          <a href="https://badge.fury.io/js/%40data-driven-forms%2Freact-form-renderer" rel="noopener noreferrer" target="_blank">
+            <img src="https://badge.fury.io/js/%40data-driven-forms%2Freact-form-renderer.svg" alt="current version" />
+          </a>
+        </div>
       </div>
       <LandingPageCards />
     </React.Fragment>
