From ae9106030759a88d0259a12b27a7cd0f2a422062 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Wed, 6 Dec 2023 22:56:27 -0800
Subject: disable transitions on settings and payments

---
 src/lib/utils.js                                            | 1 +
 src/routes/(app)/[username]/payments/[...page]/+page.svelte | 6 +++++-
 src/routes/(app)/[username]/settings/[...tab]/+page.svelte  | 7 ++++---
 3 files changed, 10 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/lib/utils.js b/src/lib/utils.js
index c0df81ae..adbe8356 100644
--- a/src/lib/utils.js
+++ b/src/lib/utils.js
@@ -186,6 +186,7 @@ export let f = (s, currency) =>
 
 export let s = (s) =>
   new Intl.NumberFormat("en-US", { maximumFractionDigits: 0 }).format(s);
+
 export let sat = (s) => {
   s = Math.abs(s);
   let p = Math.floor(Math.log(s) / Math.LN10 + 0.000000001);
diff --git a/src/routes/(app)/[username]/payments/[...page]/+page.svelte b/src/routes/(app)/[username]/payments/[...page]/+page.svelte
index e80d7e80..317f776b 100644
--- a/src/routes/(app)/[username]/payments/[...page]/+page.svelte
+++ b/src/routes/(app)/[username]/payments/[...page]/+page.svelte
@@ -121,7 +121,7 @@
   };
 </script>
 
-<div class="mt-24 mb-20">
+<div class="mt-24 mb-20 payments">
   <h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold mb-10">
     {$t("payments.header")}
   </h1>
@@ -279,4 +279,8 @@
   .active * {
     @apply bg-black text-white border-black;
   }
+
+  .payments {
+    view-transition-name: payments;
+  }
 </style>
diff --git a/src/routes/(app)/[username]/settings/[...tab]/+page.svelte b/src/routes/(app)/[username]/settings/[...tab]/+page.svelte
index baef4d8e..e77213c2 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/+page.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/+page.svelte
@@ -181,7 +181,7 @@
 
 <form
   method="POST"
-  class="mb-[154px]"
+  class="mb-[154px] settings"
   on:submit|preventDefault={handleSubmit}
   bind:this={formElement}
 >
@@ -232,7 +232,8 @@
 </form>
 
 <style>
-  .header {
-    view-transition-name: tabs;
+  .settings {
+    view-transition-name: settings;
   }
 </style>
+
-- 
cgit v1.2.3