From 4f60d15d783e59f9a2f3d94d4cffe22a0a3ba35b Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Mon, 19 Sep 2022 14:11:28 +0100
Subject: [PATCH] Strike link

---
 VoidCat/spa/src/Pages/Donate.css |  3 +++
 VoidCat/spa/src/Pages/Donate.js  | 36 +++++++++++++++++++++-----------
 2 files changed, 27 insertions(+), 12 deletions(-)
 create mode 100644 VoidCat/spa/src/Pages/Donate.css

diff --git a/VoidCat/spa/src/Pages/Donate.css b/VoidCat/spa/src/Pages/Donate.css
new file mode 100644
index 0000000..879cb45
--- /dev/null
+++ b/VoidCat/spa/src/Pages/Donate.css
@@ -0,0 +1,3 @@
+.donate {
+    
+}
\ No newline at end of file
diff --git a/VoidCat/spa/src/Pages/Donate.js b/VoidCat/spa/src/Pages/Donate.js
index 876a2d7..f39d36e 100644
--- a/VoidCat/spa/src/Pages/Donate.js
+++ b/VoidCat/spa/src/Pages/Donate.js
@@ -1,17 +1,26 @@
-import QRCode from "qrcode.react";
-import {useState} from "react";
+import "./Donate.css"
+import QRCode from "qrcode.react";
+import {Fragment, useState} from "react";
 
 export function Donate() {
     const Hostname = "pay.v0l.io";
     const StoreId = "GdRya8MAvZYhyviA4ypFgijBknNoDEkg12ro8efLcZp5";
-    const RevTag = "kieranh";
 
     const [currency, setCurrency] = useState("USD");
     const [price, setPrice] = useState(1);
 
-    let revLink = `https://revolut.me/${RevTag}`;
+    const Links = [
+        {
+            name: "Revolut",
+            url: "https://revolut.me/kieranh"
+        },
+        {
+            name: "Strike",
+            url: "https://strike.me/kieran"
+        }
+    ];
     return (
-        <div className="page">
+        <div className="page donate">
             <h2>Donate with Bitcoin</h2>
             <form method="POST" action={`https://${Hostname}/api/v1/invoices`} className="flex">
                 <input type="hidden" name="storeId" value={StoreId}/>
@@ -31,13 +40,16 @@ export function Donate() {
                        src={`https://${Hostname}/img/paybutton/pay.svg`}
                        alt="Pay with BTCPay Server, a Self-Hosted Bitcoin Payment Processor"/>
             </form>
-            <h2>Donate with Revolut</h2>
-            <p>
-                <a target="_blank" href={revLink}>Revolut</a>
-            </p>
-            <QRCode value={revLink}
-                    includeMargin={true}
-                    size={256}/>
+
+            {Links.map(e => <Fragment key={e.name}>
+                <h2>Donate with {e.name}</h2>
+                <p>
+                    <a target="_blank" href={e.url}>{e.name}</a>
+                </p>
+                <QRCode value={e.url}
+                        includeMargin={true}
+                        size={256}/>
+            </Fragment>)}
         </div>
     );
 }
\ No newline at end of file