From af182e3c6a5c36a04d99c4c93a25ad954b8ac0f9 Mon Sep 17 00:00:00 2001
From: DanConwayDev <DanConwayDev@protonmail.com>
Date: Tue, 20 Aug 2024 08:52:05 +0100
Subject: [PATCH] refactor: abstract install ngit links

so they can be reused accross the site

add them to the top of quick start guide as a prereq
---
 src/lib/components/InstallNgit.svelte | 25 ++++++++++++++++++++++++
 src/routes/+page.svelte               | 26 ++-----------------------
 src/routes/ngit/+page.svelte          | 28 ++-------------------------
 src/routes/quick-start/+page.svelte   | 11 ++++++++++-
 4 files changed, 39 insertions(+), 51 deletions(-)
 create mode 100644 src/lib/components/InstallNgit.svelte

diff --git a/src/lib/components/InstallNgit.svelte b/src/lib/components/InstallNgit.svelte
new file mode 100644
index 0000000..6e7080d
--- /dev/null
+++ b/src/lib/components/InstallNgit.svelte
@@ -0,0 +1,25 @@
+<div class="prose">
+  <p>
+    download binaries and add them to a directory from which they can be run
+    globally:
+  </p>
+  <p>
+    <a
+      href="https://github.com/DanConwayDev/ngit-cli/releases/download/v1.3.1/ngit-x86_64-unknown-linux-gnu.tar.gz"
+      class="btn btn-neutral">Linux</a
+    >
+    <a
+      href="https://github.com/DanConwayDev/ngit-cli/releases/download/v1.3.1/ngit-x86_64-apple-darwin.tar.gz"
+      class="btn btn-neutral">Mac</a
+    >
+    <a
+      href="https://github.com/DanConwayDev/ngit-cli/releases/download/v1.3.1/ngit-x86_64-pc-windows-msvc.zip"
+      class="btn btn-neutral">Windows</a
+    >
+    v1.3.1
+  </p>
+  <p>
+    alternatively, if you have cargo installed run<code>cargo install ngit</code
+    >
+  </p>
+</div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5d66d71..0d871e4 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import Container from '$lib/components/Container.svelte'
+  import InstallNgit from '$lib/components/InstallNgit.svelte'
   import ReposSummaryList from '$lib/components/ReposSummaryList.svelte'
   import ProposalsList from '$lib/components/proposals/ProposalsList.svelte'
   import {
@@ -184,30 +185,7 @@
       Install <span class="text-purple-600">n</span>git and
       <span class="text-yellow-600">git</span>-remote-nostr
     </h3>
-    <p>
-      donwload binaries and add them to a directory from which they can be run
-      globally:
-    </p>
-    <p>
-      <a
-        href="https://github.com/DanConwayDev/ngit-cli/releases/download/v1.3.1/ngit-x86_64-unknown-linux-gnu.tar.gz"
-        class="btn btn-neutral">Linux</a
-      >
-      <a
-        href="https://github.com/DanConwayDev/ngit-cli/releases/download/v1.3.1/ngit-x86_64-apple-darwin.tar.gz"
-        class="btn btn-neutral">Mac</a
-      >
-      <a
-        href="https://github.com/DanConwayDev/ngit-cli/releases/download/v1.3.1/ngit-x86_64-pc-windows-msvc.zip"
-        class="btn btn-neutral">Windows</a
-      >
-      v1.3.1
-    </p>
-    <p>
-      alternatively, if you have cargo installed run<code
-        >cargo install ngit</code
-      >
-    </p>
+    <InstallNgit />
   </div>
   <div class="m-auto max-w-5xl">
     <div class="grid gap-4 md:grid-cols-2">
diff --git a/src/routes/ngit/+page.svelte b/src/routes/ngit/+page.svelte
index 065a306..a9a610b 100644
--- a/src/routes/ngit/+page.svelte
+++ b/src/routes/ngit/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import Container from '$lib/components/Container.svelte'
+  import InstallNgit from '$lib/components/InstallNgit.svelte'
 </script>
 
 <svelte:head>
@@ -61,32 +62,7 @@
       </div>
     </div>
     <h3>Install</h3>
-    <div>
-      <p>
-        add the following binary to a directory from which it can be run
-        globally:
-      </p>
-      <p>
-        <a
-          href="https://github.com/DanConwayDev/ngit-cli/releases/download/v1.3.1/ngit-x86_64-unknown-linux-gnu.tar.gz"
-          class="btn btn-neutral">Linux</a
-        >
-        <a
-          href="https://github.com/DanConwayDev/ngit-cli/releases/download/v1.3.1/ngit-x86_64-apple-darwin.tar.gz"
-          class="btn btn-neutral">Mac</a
-        >
-        <a
-          href="https://github.com/DanConwayDev/ngit-cli/releases/download/v1.3.1/ngit-x86_64-pc-windows-msvc.zip"
-          class="btn btn-neutral">Windows</a
-        >
-        v1.3.1
-      </p>
-      <p>
-        alternatively, if you have cargo installed run<code
-          >cargo install ngit</code
-        >
-      </p>
-    </div>
+    <InstallNgit />
     <h3>Commands</h3>
     <p>run from the your product's git repository:</p>
     <p>
diff --git a/src/routes/quick-start/+page.svelte b/src/routes/quick-start/+page.svelte
index 260e6c5..85cdebb 100644
--- a/src/routes/quick-start/+page.svelte
+++ b/src/routes/quick-start/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import Container from '$lib/components/Container.svelte'
+  import InstallNgit from '$lib/components/InstallNgit.svelte'
 </script>
 
 <svelte:head>
@@ -8,7 +9,9 @@
 
 <Container>
   <div class="prose m-auto mt-8">
-    <h3>Quick Start</h3>
+    <h2>Quick Start</h2>
+    <h4 id="prereq">pre-requesite: install ngit and git-remote-nostr</h4>
+    <InstallNgit />
   </div>
 </Container>
 <div class="bg-base-300">
@@ -18,6 +21,9 @@
       <div class="text-sm">
         <div>
           <div class="prose">
+            <p>
+              pre-requesite: <a href="#prereq">install</a> ngit and git-remote-nostr
+            </p>
             <h4>1. find repository</h4>
             <ul>
               <li>
@@ -187,6 +193,9 @@
       <div class="text-sm">
         <div>
           <div class="prose">
+            <p>
+              pre-requesite: <a href="#prereq">install</a> ngit and git-remote-nostr
+            </p>
             <h4>1. create a git repo and push to a git server</h4>
             <div>
               <ul>