fix: add react-github-fork-ribbon

Author: Julien Bouquillon

package.json

@@ -38,6 +38,7 @@
     "react-bootstrap": "^2.2.2",
     "react-dom": "^17.0.2",
     "react-dropzone": "^12.0.4",
+    "react-github-fork-ribbon": "^0.6.0",
     "sql.js": "^1.6.2"
   },
   "devDependencies": {

src/App.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useState, useMemo } from "react";
 import { Alert, Container } from "react-bootstrap";
-
+import GitHubForkRibbon from "react-github-fork-ribbon";
 import { useDropzone } from "react-dropzone";
 
 import { Database } from "./sqlite/Database";
@@ -130,6 +130,13 @@ function App() {
 
   return (
     <Container fluid>
+      <GitHubForkRibbon
+        href="https://github.com/SocialGouv/sqlite-browser"
+        target="_blank"
+        position="right"
+      >
+        Code source
+      </GitHubForkRibbon>
       <Alert style={{ marginTop: 20, textAlign: "center" }}>
         <h1>sqlite-browser</h1>
         <p>Explorez vos données SQLite</p>

src/react-app-env.d.ts

@@ -1 +1,3 @@
 /// <reference types="react-scripts" />
+
+declare module "react-github-fork-ribbon";

yarn.lock

@@ -9261,6 +9261,11 @@ react-error-overlay@^6.0.9:
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.10.tgz#0fe26db4fa85d9dbb8624729580e90e7159a59a6"
   integrity sha512-mKR90fX7Pm5seCOfz8q9F+66VCc1PGsWSBxKbITjfKVQHMNF2zudxHnMdJiB1fRCb+XsbQV9sO9DCkgsMQgBIA==
 
+react-github-fork-ribbon@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/react-github-fork-ribbon/-/react-github-fork-ribbon-0.6.0.tgz#8b7454fec5bd5481af7fdf6d0fc8aa7653373301"
+  integrity sha512-lmobEGwg1k/JGMJMbiWNh3dd+5HUtePVqUu1LPr5L65MiK6mnn7ZgkGpFYXLijPxO9hD7x+f9qUrEzeazQdx2g==
+
 react-is@^16.13.1, react-is@^16.3.2:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"