docs: fix fork-me-on-github icon

RexSkz · Jan 27, 2024 · 2646d54 · 2646d54
1 parent aa42da3
commit 2646d54
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -45,6 +45,7 @@
     "@types/react": "^17.0.38",
     "@types/react-dom": "^17.0.11",
     "cross-env": "^7.0.3",
+    "fork-me-on-github": "^1.0.6",
     "jest": "^27.4.7",
     "less": "^4.1.3",
     "prismjs": "^1.29.0",

diff --git a/playground/docs.tsx b/playground/docs.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import ForkMeOnGithub from 'fork-me-on-github';
 
 import { Differ, Viewer } from '../src';
 import type { DifferOptions } from '../src/differ';
@@ -316,13 +317,7 @@ const Docs: React.FC<PropTypes> = props => {
       <div className="demo-footer">
         <p>Made with ♥ by Rex Zeng</p>
       </div>
-      <a href="https://github.com/rexskz/json-diff-kit">
-        <img
-          style={{ position: 'absolute', top: 0, right: 0, border: 'none' }}
-          src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67"
-          alt="Fork me on GitHub"
-        />
-      </a>
+      <ForkMeOnGithub.default repo="https://github.com/rexskz/json-diff-kit" />
     </div>
   );
 };

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml