From 66b5069777414d2f1e70b8a0804d7712e09b8304 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Wed, 26 Feb 2025 12:29:52 -0800
Subject: app payments page

---
 .../(app)/apps/[pubkey]/payments/+page.server.ts     |  6 ++++++
 src/routes/(app)/apps/[pubkey]/payments/+page.svelte | 20 ++++++++++++++++++++
 2 files changed, 26 insertions(+)
 create mode 100644 src/routes/(app)/apps/[pubkey]/payments/+page.server.ts
 create mode 100644 src/routes/(app)/apps/[pubkey]/payments/+page.svelte

diff --git a/src/routes/(app)/apps/[pubkey]/payments/+page.server.ts b/src/routes/(app)/apps/[pubkey]/payments/+page.server.ts
new file mode 100644
index 00000000..546dacdf
--- /dev/null
+++ b/src/routes/(app)/apps/[pubkey]/payments/+page.server.ts
@@ -0,0 +1,6 @@
+import { auth, get } from "$lib/utils";
+
+export const load = async ({ cookies, params }) => {
+	const app = await get(`/app/${params.pubkey}`, auth(cookies));
+	return { app };
+};
diff --git a/src/routes/(app)/apps/[pubkey]/payments/+page.svelte b/src/routes/(app)/apps/[pubkey]/payments/+page.svelte
new file mode 100644
index 00000000..1feda3b3
--- /dev/null
+++ b/src/routes/(app)/apps/[pubkey]/payments/+page.svelte
@@ -0,0 +1,20 @@
+<script>
+  import { loc } from "$lib/utils";
+  import Payments from "$comp/Payments.svelte";
+  import { t } from "$lib/translations";
+
+  let { data } = $props();
+  let { app, user } = $derived(data);
+  let locale = loc(user);
+  let { payments } = $derived(app);
+</script>
+
+<div class="space-y-5">
+  <h1 class="text-center text-3xl md:text-4xl font-semibold">
+    {$t("payments.header")}
+  </h1>
+
+  <div class="container w-full mx-auto text-lg px-2 max-w-xl space-y-2">
+    <Payments {payments} {locale} {user} />
+  </div>
+</div>
-- 
cgit v1.2.3