app payments page

2 files changed, 26 insertions, 0 deletions

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>