feat(ceremony): enable countdown (#2954)

unionlabs · Sep 15, 2024 · 4999fe1 · 4999fe1
2 parents e3c87a9 + 1fa5016
commit 4999fe1
Show file tree

Hide file tree

Showing 9 changed files with 37 additions and 24 deletions.
diff --git a/ceremony/src/app.html b/ceremony/src/app.html
@@ -2,7 +2,7 @@
 <html lang="en" class="scroll-smooth touch-none bg-union-background-primary">
 <head>
   <meta charset="utf-8"/>
-  <link rel="icon" href="%sveltekit.assets%/favicon.png"/>
+  <link rel="icon" href="%sveltekit.assets%/favicon.svg"/>
   <meta name="viewport" content="width=device-width, initial-scale=1"/>
   <title>Union Ceremony</title>
   %sveltekit.head%

diff --git a/ceremony/src/lib/components/Counter/index.svelte b/ceremony/src/lib/components/Counter/index.svelte
@@ -56,7 +56,7 @@ $effect(() => {
 })
 </script>
 
-<div class="p-8 bg-gradient-to-t from-transparent via-black/70 to-transparent backdrop-blur w-full flex items-center justify-center flex-col min-h-48">
+<div class="pointer-events-none p-8 bg-gradient-to-t from-transparent via-black/70 to-transparent backdrop-blur w-full flex items-center justify-center flex-col min-h-48">
   <div class="flex flex-col md:flex-row  justify-center items-center gap-8">
     {@render pair(hours, 'hours')}
     {@render pair(minutes, 'minutes')}

diff --git a/ceremony/src/lib/components/Join.svelte b/ceremony/src/lib/components/Join.svelte
@@ -52,7 +52,6 @@ function joinWaitlist() {
     <Button
             loading={codeLoading}
             type="button"
-            onclick={handleCode}
             disabled={code.length === 0}
     >
       ENTER

diff --git a/ceremony/src/routes/+layout.svelte b/ceremony/src/routes/+layout.svelte
@@ -83,10 +83,10 @@ $effect(() => {
 
 <Toaster position="bottom-right" toastOptions={{ class: 'rounded-none border border-black',}}/>
 
-<Navbar/>
+<!--<Navbar/>-->
 <canvas
         id="canvas3d"
-        class=" w-full h-auto inset-0 absolute -z-10 canvas-fade"
+        class=" w-full h-auto inset-0 absolute z-0 canvas-fade"
         class:loaded={!loading}
 ></canvas>
 

diff --git a/ceremony/src/routes/+page.svelte b/ceremony/src/routes/+page.svelte
@@ -14,20 +14,20 @@ $effect.pre(() => {
   if (userId) contributor.setUserId(userId)
 })
 
-const targetTimestamp = 1726609600
+const targetTimestamp = 1726812000
 </script>
 
 <!--Fix jump between state on load-->
 {#if contributor.loggedIn}
-  {#if !contributor.allowanceState}
-    <Spinner class="text-union-accent-500 size-6"/>
-  {:else if contributor.allowanceState === "invited"}
-    <Ceremony {contributor}/>
-  {:else if contributor.allowanceState === "waitingList"}
-    <H1>You're on the list</H1>
-  {:else if contributor.allowanceState === "join"}
-    <Join {contributor}/>
-  {/if}
+  <!--{#if !contributor.allowanceState}-->
+  <!--  <Spinner class="text-union-accent-500 size-6"/>-->
+  <!--{:else if contributor.allowanceState === "invited"}-->
+  <!--  <Ceremony {contributor}/>-->
+  <!--{:else if contributor.allowanceState === "waitingList"}-->
+  <!--  <H1>You're on the list</H1>-->
+  <!--{:else if contributor.allowanceState === "join"}-->
+  <!--  <Join {contributor}/>-->
+  <!--{/if}-->
 {:else}
 
   <Counter {targetTimestamp}/>

diff --git a/ceremony/src/routes/auth/login/+page.svelte b/ceremony/src/routes/auth/login/+page.svelte
@@ -6,12 +6,14 @@ import Link from "$lib/components/typography/Link.svelte"
 import Spinner from "$lib/components/Spinner.svelte"
 import { page } from "$app/stores"
 import { auth } from "$lib/utils/auth.ts"
+import { toast } from "svelte-sonner"
 
 let loading = false
 
-async function login() {
-  loading = true
-  await auth(`${$page.url.origin}/`)
+function login() {
+  toast.info("Disabled")
+  // loading = true
+  // await auth(`${$page.url.origin}/`)
 }
 </script>
 

diff --git a/ceremony/src/routes/auth/register/+page.svelte b/ceremony/src/routes/auth/register/+page.svelte
@@ -7,12 +7,14 @@ import Link from "$lib/components/typography/Link.svelte"
 import Spinner from "$lib/components/Spinner.svelte"
 import { page } from "$app/stores"
 import { auth } from "$lib/utils/auth.ts"
+import { toast } from "svelte-sonner"
 
 let loading = false
 
-async function register() {
-  loading = true
-  await auth(`${$page.url.origin}/`)
+function register() {
+  toast.info("Disabled")
+  // loading = true
+  // await auth(`${$page.url.origin}/`)
 }
 </script>
 

diff --git a/ceremony/static/favicon.png b/ceremony/static/favicon.png
diff --git a/ceremony/static/favicon.svg b/ceremony/static/favicon.svg