forked from Kieran/void.cat
Strike link
This commit is contained in:
parent
8d254a9b9a
commit
4f60d15d78
3
VoidCat/spa/src/Pages/Donate.css
Normal file
3
VoidCat/spa/src/Pages/Donate.css
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
.donate {
|
||||||
|
|
||||||
|
}
|
@ -1,17 +1,26 @@
|
|||||||
import QRCode from "qrcode.react";
|
import "./Donate.css"
|
||||||
import {useState} from "react";
|
import QRCode from "qrcode.react";
|
||||||
|
import {Fragment, useState} from "react";
|
||||||
|
|
||||||
export function Donate() {
|
export function Donate() {
|
||||||
const Hostname = "pay.v0l.io";
|
const Hostname = "pay.v0l.io";
|
||||||
const StoreId = "GdRya8MAvZYhyviA4ypFgijBknNoDEkg12ro8efLcZp5";
|
const StoreId = "GdRya8MAvZYhyviA4ypFgijBknNoDEkg12ro8efLcZp5";
|
||||||
const RevTag = "kieranh";
|
|
||||||
|
|
||||||
const [currency, setCurrency] = useState("USD");
|
const [currency, setCurrency] = useState("USD");
|
||||||
const [price, setPrice] = useState(1);
|
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 (
|
return (
|
||||||
<div className="page">
|
<div className="page donate">
|
||||||
<h2>Donate with Bitcoin</h2>
|
<h2>Donate with Bitcoin</h2>
|
||||||
<form method="POST" action={`https://${Hostname}/api/v1/invoices`} className="flex">
|
<form method="POST" action={`https://${Hostname}/api/v1/invoices`} className="flex">
|
||||||
<input type="hidden" name="storeId" value={StoreId}/>
|
<input type="hidden" name="storeId" value={StoreId}/>
|
||||||
@ -31,13 +40,16 @@ export function Donate() {
|
|||||||
src={`https://${Hostname}/img/paybutton/pay.svg`}
|
src={`https://${Hostname}/img/paybutton/pay.svg`}
|
||||||
alt="Pay with BTCPay Server, a Self-Hosted Bitcoin Payment Processor"/>
|
alt="Pay with BTCPay Server, a Self-Hosted Bitcoin Payment Processor"/>
|
||||||
</form>
|
</form>
|
||||||
<h2>Donate with Revolut</h2>
|
|
||||||
<p>
|
{Links.map(e => <Fragment key={e.name}>
|
||||||
<a target="_blank" href={revLink}>Revolut</a>
|
<h2>Donate with {e.name}</h2>
|
||||||
</p>
|
<p>
|
||||||
<QRCode value={revLink}
|
<a target="_blank" href={e.url}>{e.name}</a>
|
||||||
includeMargin={true}
|
</p>
|
||||||
size={256}/>
|
<QRCode value={e.url}
|
||||||
|
includeMargin={true}
|
||||||
|
size={256}/>
|
||||||
|
</Fragment>)}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user