feat: add "For Me on Github" banner

This will enable to link the deployed app with its source ccode.
diegopamio · Oct 29, 2020 · c423180 · c423180 · github-actions · Oct 29, 2020
1 parent b61c2a5
commit c423180
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,7 +27,8 @@
     "next": "9.5.5",
     "prop-types": "^15.7.2",
     "react": "17.0.0",
-    "react-dom": "17.0.0"
+    "react-dom": "17.0.0",
+    "react-github-fork-ribbon": "^0.6.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^11.0.0",

diff --git a/pages/_app.js b/pages/_app.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import Head from 'next/head';
 import { ThemeProvider } from '@material-ui/core/styles';
 import CssBaseline from '@material-ui/core/CssBaseline';
+import GitHubForkRibbon from 'react-github-fork-ribbon';
 import theme from '../styles/theme';
 
 export default function MyApp(props) {
@@ -25,6 +26,14 @@ export default function MyApp(props) {
       <ThemeProvider theme={theme}>
         {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
         <CssBaseline />
+        <GitHubForkRibbon
+          position="right"
+          color="green"
+          href="//github.com/diegopamio/json-similarity-score"
+          target="_blank"
+        >
+          Fork me on GitHub
+        </GitHubForkRibbon>
         {/* eslint-disable-next-line react/jsx-props-no-spreading */}
         <Component {...pageProps} />
       </ThemeProvider>