agent-code-review/freno-dev
1
0
Fork 0
forked from Mike/freno-dev
Code Pull Requests Activity

nook bug reporting handler

Browse Source
This commit is contained in:
Michael Freno
2026-09-01 17:44:20 -04:00
parent 1ee61d8fe4
commit fd68efdb78
4 changed files with 336 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/routes/nook/checkout.tsx
View File

@@ -49,7 +49,10 @@ export default function NookCheckout() {
headers: { "content-type": "application/json" },
body: JSON.stringify({ turnstileToken: turnstileToken() })
});
const data = (await res.json()) as { checkoutUrl?: string; error?: string };
const data = (await res.json()) as {
checkoutUrl?: string;
error?: string;
};
if (!res.ok || !data.checkoutUrl) {
setError(data.error ?? "Unable to start checkout. Please try again.");
return;
@@ -74,21 +77,20 @@ export default function NookCheckout() {
<div class="border-overlay0 bg-surface0 rounded-xl border p-8 shadow-2xl">
<div class="mb-2 flex items-end gap-3">
<div class="text-text text-4xl font-extrabold">
$10<span class="text-subtext0 text-base font-normal"> one-time</span>
$10
<span class="text-subtext0 text-base font-normal"> one-time</span>
</div>
<div class="text-subtext0 mb-1 text-2xl font-medium line-through">
$15
</div>
</div>
<p class="mb-6 text-sm font-medium">
<span
class="border-overlay0 bg-surface0 text-subtext0 inline-block rounded-full border px-3 py-1 text-xs font-semibold tracking-wide"
>
<span class="border-overlay0 bg-surface0 text-subtext0 inline-block rounded-full border px-3 py-1 text-xs font-semibold tracking-wide">
Beta pricing — 33% off
</span>
</p>
<ul class="text-subtext0 mb-6 space-y-2 text-sm">
<li>• Activate on up to 3 of your own Macs</li>
<li>• Activate on up to 3 devices</li>
<li>• No subscription, ever</li>
<li>• Key delivered by email + on this page</li>
</ul>
@@ -106,11 +108,10 @@ export default function NookCheckout() {
Pay $10
</Button>
{error() && (
<p class="text-red mt-4 text-sm">{error()}</p>
)}
{error() && <p class="text-red mt-4 text-sm">{error()}</p>}
<p class="text-subtext1 mt-4 text-xs">
Billed once through Stripe. License delivered immediately after payment.
Billed once through Stripe. License delivered immediately after
payment.
</p>
</div>
</div>