From 6ed1fe765708dc02a17bec5150b19e6bf74aa63f Mon Sep 17 00:00:00 2001
From: Murillo Pinheiro de Oliveira <murillop.o06@gmail.com>
Date: Sun, 10 Mar 2024 14:40:53 -0300
Subject: added: sitemap page. updated: footer

---
 src/components/AppHeader.svelte                    |  9 +++
 src/components/Footer.svelte                       |  3 +
 src/routes/(app)/[username]/buy/+page.server.js    | 33 +++++++++++
 src/routes/(app)/[username]/buy/+page.svelte       | 69 ++++++++++++++++++++++
 .../[username]/payments/[...page]/+page.svelte     |  2 +-
 src/routes/(app)/buy/+page.server.js               | 33 -----------
 src/routes/(app)/buy/+page.svelte                  | 51 ----------------
 src/routes/(app)/send/+layout.svelte               |  2 +-
 src/routes/(static)/sitemap/+page.svelte           | 34 +++++++++++
 9 files changed, 150 insertions(+), 86 deletions(-)
 create mode 100644 src/routes/(app)/[username]/buy/+page.server.js
 create mode 100644 src/routes/(app)/[username]/buy/+page.svelte
 delete mode 100644 src/routes/(app)/buy/+page.server.js
 delete mode 100644 src/routes/(app)/buy/+page.svelte
 create mode 100644 src/routes/(static)/sitemap/+page.svelte

(limited to 'src')

diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte
index 143e45eb..42536e62 100644
--- a/src/components/AppHeader.svelte
+++ b/src/components/AppHeader.svelte
@@ -55,6 +55,15 @@
             ><Icon icon="home" style="mx-auto w-6 md:w-8 dark:invert" />
           </button>
         </a>
+        <a href={`/${user.username}/buy`}>
+          <button
+            class="bg-white dark:bg-black p-2 rounded-full w-12 h-12 md:w-16 md:h-16 drop-shadow-xl border border-black/10 {$page
+              .url.pathname === `/${user.username}/buy`
+              ? 'opacity-100'
+              : 'opacity-70 hover:opacity-80'}"
+            ><Icon icon="shop" style="mx-auto w-6 md:w-8 dark:invert" />
+          </button>
+        </a>
         <a href={`/${user.username}/receive`}>
           <button
             class="bg-white dark:bg-black p-2 rounded-full w-12 h-12 md:w-16 md:h-16 drop-shadow-xl border border-black/10 {$page
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index f77e6b41..12977900 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -53,6 +53,9 @@
           <li class="pb-3">
 						<a href="/support" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold">Support</a>
 					</li>
+					<li class="pb-3">
+								  <a href="/sitemap" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold">Sitemap</a>
+							  </li>
 				</ul>
 			</div>
 		</div>
diff --git a/src/routes/(app)/[username]/buy/+page.server.js b/src/routes/(app)/[username]/buy/+page.server.js
new file mode 100644
index 00000000..903fec0e
--- /dev/null
+++ b/src/routes/(app)/[username]/buy/+page.server.js
@@ -0,0 +1,33 @@
+import { env } from "$env/dynamic/private";
+import { error, fail, redirect } from "@sveltejs/kit";
+import { post, auth } from "$lib/utils";
+
+export let load = async ({ cookies }) => {
+	let invoice = await post('/invoice', { invoice: { type: 'bitcoin' }}, auth(cookies));
+	let { hash } = invoice;
+  return { address: hash };
+}
+
+export const actions = {
+  default: async ({ cookies, request }) => {
+    let form = await request.formData();
+
+    let amount = parseFloat(form.get("amount"));
+    if (!amount || amount < 0 || amount > 500)
+      return fail(400, { message: "Invalid amount" });
+
+    await post(
+      "/buy",
+      {
+        amount: form.get("amount"),
+        number: form.get("number").replace(/\s+/g, ""),
+        month: form.get("expiry").slice(0, 2),
+        year: form.get("expiry").slice(-2),
+        cvc: form.get("cvc"),
+      },
+      auth(cookies)
+    );
+
+    redirect(307, `/${form.get("username")}/payments`);
+  },
+};
diff --git a/src/routes/(app)/[username]/buy/+page.svelte b/src/routes/(app)/[username]/buy/+page.svelte
new file mode 100644
index 00000000..48bab6ce
--- /dev/null
+++ b/src/routes/(app)/[username]/buy/+page.svelte
@@ -0,0 +1,69 @@
+<script>
+  import { enhance } from "$app/forms";
+	import { PUBLIC_ONRAMPER } from '$env/static/public';
+  import Icon from "$comp/Icon.svelte";
+  import Lock from "$comp/Lock.svelte";
+  import Card from "$comp/Card.svelte";
+  import Calendar from "$comp/Calendar.svelte";
+  import Spinner from "$comp/Spinner.svelte";
+  import { f } from "$lib/utils";
+
+  export let data, form, address;
+
+  let { username, currency } = data.user;
+  let loading;
+
+  let amount, n, d, cvc;
+</script>
+
+<div class="container px-4 max-w-xl mx-auto ">
+  <!-- <div class="w-full flex">
+    <a href="/" class="mx-auto">
+	  	<img src="images/logo.png" alt="" class="dark:hidden block" />
+		<img src="images/logo-white.png" alt="" class="hidden dark:block" />
+    </a>
+  </div> -->
+  <h1 class="px-3 md:px-0 text-center text-4xl md:text-5xl font-semibold font-bebasNeue tracking-[0.2rem] mb-4">
+    Buy
+  </h1>
+
+	<div class="mb-6">
+		<div class="flex w-full justify-center">Your bitcoin address</div>
+		<div class="flex w-full justify-center font-bold">
+			<div>
+				{address}
+				<!-- fs5werw748272asfds584927jhjk3458927sdfs38972 -->
+			</div>
+		</div>
+		<!-- on:click={() => copy(address)} -->
+		<button class="flex mx-auto mt-5 gap-2" on:click={() => copy(address)} >
+			<Icon icon="copy" style="w-10 max-w-none dark:invert" />
+			<div class="my-auto">Copy</div>
+		</button>
+	</div>
+
+	<div class="flex justify-center items-center">
+		<div class="">
+				<iframe
+				style="border-radius: 10px; border: 1px solid #58585f; margin: auto;max-width: 420px;"
+				class="dark:hidden"
+				src={`https://buy.onramper.com/?apiKey=${PUBLIC_ONRAMPER}&themeName=light&containerColor=ffffff&primaryColor=7105f3ff&secondaryColor=ffffff&cardColor=f6f7f9&primaryTextColor=141519&secondaryTextColor=6b6f80&borderRadius=2&wgBorderRadius=1`}
+				height="630px"
+				width="420px"
+				title="Onramper widget"
+				allow="accelerometer; autoplay; camera; gyroscope; payment"
+				/>
+				<iframe
+				style="border-radius: 10px; border: 1px solid #58585f; margin: auto;max-width: 420px;"
+				class="hidden dark:block"
+				src={`https://buy.onramper.com/?apiKey=${PUBLIC_ONRAMPER}&themeName=dark&containerColor=292524ff&primaryColor=7105f3ff&secondaryColor=292524ff&cardColor=44403cff&primaryTextColor=ffffff&secondaryTextColor=ffffffff&borderRadius=2&wgBorderRadius=1`}
+				height="630px"
+				width="420px"
+				title="Onramper widget"
+				allow="accelerometer; autoplay; camera; gyroscope; payment"
+				/>
+		</div>
+	</div>
+</div>
+
+<!-- src/routes/(app)/buy -->
\ No newline at end of file
diff --git a/src/routes/(app)/[username]/payments/[...page]/+page.svelte b/src/routes/(app)/[username]/payments/[...page]/+page.svelte
index b6e5ae49..b98e2cd8 100644
--- a/src/routes/(app)/[username]/payments/[...page]/+page.svelte
+++ b/src/routes/(app)/[username]/payments/[...page]/+page.svelte
@@ -252,7 +252,7 @@
           </div>
         </a>
       {:else}
-        <p class="text-secondary dark:text-gray-200 text-lg text-center">{$t("payments.empty")}</p>
+        <p class="text-secondary dark:text-gray-100 text-lg text-center">{$t("payments.empty")}</p>
       {/each}
     </div>
 
diff --git a/src/routes/(app)/buy/+page.server.js b/src/routes/(app)/buy/+page.server.js
deleted file mode 100644
index 903fec0e..00000000
--- a/src/routes/(app)/buy/+page.server.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import { env } from "$env/dynamic/private";
-import { error, fail, redirect } from "@sveltejs/kit";
-import { post, auth } from "$lib/utils";
-
-export let load = async ({ cookies }) => {
-	let invoice = await post('/invoice', { invoice: { type: 'bitcoin' }}, auth(cookies));
-	let { hash } = invoice;
-  return { address: hash };
-}
-
-export const actions = {
-  default: async ({ cookies, request }) => {
-    let form = await request.formData();
-
-    let amount = parseFloat(form.get("amount"));
-    if (!amount || amount < 0 || amount > 500)
-      return fail(400, { message: "Invalid amount" });
-
-    await post(
-      "/buy",
-      {
-        amount: form.get("amount"),
-        number: form.get("number").replace(/\s+/g, ""),
-        month: form.get("expiry").slice(0, 2),
-        year: form.get("expiry").slice(-2),
-        cvc: form.get("cvc"),
-      },
-      auth(cookies)
-    );
-
-    redirect(307, `/${form.get("username")}/payments`);
-  },
-};
diff --git a/src/routes/(app)/buy/+page.svelte b/src/routes/(app)/buy/+page.svelte
deleted file mode 100644
index 04d317ba..00000000
--- a/src/routes/(app)/buy/+page.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<script>
-  import { enhance } from "$app/forms";
-	import { PUBLIC_ONRAMPER } from '$env/static/public';
-  import Icon from "$comp/Icon.svelte";
-  import Lock from "$comp/Lock.svelte";
-  import Card from "$comp/Card.svelte";
-  import Calendar from "$comp/Calendar.svelte";
-  import Spinner from "$comp/Spinner.svelte";
-  import { f } from "$lib/utils";
-
-  export let data, form;
-
-  let { username, currency } = data.user;
-  let loading;
-
-  let amount, n, d, cvc;
-</script>
-
-<div class="container px-4 max-w-xl mx-auto mt-10 space-y-5">
-  <div class="w-full flex">
-    <a href="/" class="mx-auto">
-      <Icon icon="logo" />
-    </a>
-  </div>
-
-	<div class="pt-10">
-		<div class="flex w-full justify-center">Your bitcoin address</div>
-		<div class="flex w-full justify-center font-bold">
-			<div>
-				{address}
-			</div>
-		</div>
-		<button class="flex mx-auto mt-5" on:click={() => copy(address)}
-			><Icon icon="copy" style="w-10 max-w-none" />
-			<div class="my-auto">Copy</div></button
-		>
-	</div>
-
-	<div class="flex justify-center items-center">
-		<div class="shadow-xl rounded-3xl px-10 pt-5 pb-10 space-y-5 w-full mx-5">
-			<iframe
-				style="border-radius: 4px; border: 1px solid #58585f; margin: auto;max-width: 420px"
-				src={`https://buy.onramper.com/?apiKey=${PUBLIC_ONRAMPER}`}
-				height="630px"
-				width="420px"
-				title="Onramper widget"
-				allow="accelerometer; autoplay; camera; gyroscope; payment"
-			/>
-		</div>
-	</div>
-</div>
diff --git a/src/routes/(app)/send/+layout.svelte b/src/routes/(app)/send/+layout.svelte
index 5e379c32..0f412759 100644
--- a/src/routes/(app)/send/+layout.svelte
+++ b/src/routes/(app)/send/+layout.svelte
@@ -13,4 +13,4 @@
   <Pin bind:value={$pin} {cancel} />
 {/if}
 
-<slot />
+<slot />
\ No newline at end of file
diff --git a/src/routes/(static)/sitemap/+page.svelte b/src/routes/(static)/sitemap/+page.svelte
new file mode 100644
index 00000000..c1c64da1
--- /dev/null
+++ b/src/routes/(static)/sitemap/+page.svelte
@@ -0,0 +1,34 @@
+<div class="space-y-5 mt-28 md:mt-8 flex flex-col gap-1 dark:text-red-50">
+	<h1 class="text-5xl f_bebas_neue tracking-[0.2rem] font-bold">Sitemap</h1>
+    <a href="/">
+        <h2 class="text-xl">Home</h2>
+    </a>
+    <a href="/register">
+        <h2 class="text-xl">Register</h2>
+    </a>
+    <a href="/login">
+        <h2 class="text-xl">Login</h2>
+    </a>
+    <a href="/docs">
+        <h2 class="text-xl">docs</h2>
+    </a>
+    <a href="/privacy">
+        <h2 class="text-xl">Privacy</h2>
+    </a>
+    <a href="/forgot">
+        <h2 class="text-xl">Forgot</h2>
+    </a>
+</div>
+
+<style>
+    a {
+        transition: all 100ms ease-in-out;
+    }
+
+    a:hover {
+        color: rgb(113, 5, 243);
+        text-decoration: underline;
+        filter: brightness(1.25);
+    }
+
+</style>
\ No newline at end of file
-- 
cgit v1.2.3