From 07aeab34a4dfaf32768566afc06e03f3f6724eab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rafa=C5=82=20Wi=C4=99cek?= <gitzzz14@gmail.com>
Date: Sat, 19 Oct 2024 12:24:13 +0200
Subject: [PATCH] Added buttons for 'Star' and 'Fork' (#1320)

* Added buttons for 'Star' and 'Fork'

* Linting
---
 docs/app.tsx     | 27 ++++++++++++++++++++++++---
 docs/dist/app.js |  4 +++-
 docs/index.html  |  1 +
 3 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/docs/app.tsx b/docs/app.tsx
index e1ed329e8..ab75cfaaa 100644
--- a/docs/app.tsx
+++ b/docs/app.tsx
@@ -529,9 +529,30 @@ class App extends Component<
           }}
         >
           <h1>Runtype Benchmarks</h1>
-          <a href="https://github.com/moltar/typescript-runtime-type-benchmarks/">
-            Github Repository
-          </a>
+          <div>
+            <a
+              class="github-button"
+              href="https://github.com/moltar/typescript-runtime-type-benchmarks"
+              data-color-scheme="no-preference: dark; light: dark_dimmed; dark: dark;"
+              data-icon="octicon-star"
+              data-size="large"
+              data-show-count="true"
+              aria-label="Star moltar/typescript-runtime-type-benchmarks on GitHub"
+            >
+              Star
+            </a>
+            <a
+              class="github-button"
+              href="https://github.com/moltar/typescript-runtime-type-benchmarks/fork"
+              data-color-scheme="no-preference: dark; light: dark_dimmed; dark: dark;"
+              data-icon="octicon-repo-forked"
+              data-size="large"
+              data-show-count="true"
+              aria-label="Fork moltar/typescript-runtime-type-benchmarks on GitHub"
+            >
+              Fork
+            </a>
+          </div>
         </div>
         <p>
           Benchmark Comparison of Packages with Runtime Validation and
diff --git a/docs/dist/app.js b/docs/dist/app.js
index 68afb3413..7313fa0c1 100644
--- a/docs/dist/app.js
+++ b/docs/dist/app.js
@@ -478,7 +478,9 @@ define("app", ["require", "exports", "preact", "vega", "vega-lite"], function (r
                         justifyContent: 'space-between',
                     } },
                     (0, preact_1.h)("h1", null, "Runtype Benchmarks"),
-                    (0, preact_1.h)("a", { href: "https://github.com/moltar/typescript-runtime-type-benchmarks/" }, "Github Repository")),
+                    (0, preact_1.h)("div", null,
+                        (0, preact_1.h)("a", { class: "github-button", href: "https://github.com/moltar/typescript-runtime-type-benchmarks", "data-color-scheme": "no-preference: dark; light: dark_dimmed; dark: dark;", "data-icon": "octicon-star", "data-size": "large", "data-show-count": "true", "aria-label": "Star moltar/typescript-runtime-type-benchmarks on GitHub" }, "Star"),
+                        (0, preact_1.h)("a", { class: "github-button", href: "https://github.com/moltar/typescript-runtime-type-benchmarks/fork", "data-color-scheme": "no-preference: dark; light: dark_dimmed; dark: dark;", "data-icon": "octicon-repo-forked", "data-size": "large", "data-show-count": "true", "aria-label": "Fork moltar/typescript-runtime-type-benchmarks on GitHub" }, "Fork"))),
                 (0, preact_1.h)("p", null, "Benchmark Comparison of Packages with Runtime Validation and TypeScript Support"),
                 (0, preact_1.h)("div", { style: { display: 'flex', margin: '1rem 0' } },
                     (0, preact_1.h)("div", { style: { width: '12rem', marginRight: '1rem' } },
diff --git a/docs/index.html b/docs/index.html
index 52847763f..0ce586ab7 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -23,6 +23,7 @@
         <script src="https://unpkg.com/vega@5.19" crossorigin></script>
         <script src="https://unpkg.com/vega-lite@4.11" crossorigin></script>
         <script src="https://unpkg.com/preact@10" crossorigin></script>
+        <script async defer src="https://buttons.github.io/buttons.js"></script>
         <script src="dist/app.js"></script>
         <script>
             define('preact', () => preact)