refactor(ceremony): loop render button instead

unionlabs · Sep 18, 2024 · d8241e1 · d8241e1
1 parent 280b359
commit d8241e1
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/ceremony/src/routes/auth/dive/+page.svelte b/ceremony/src/routes/auth/dive/+page.svelte
@@ -1,10 +1,13 @@
 <script lang="ts">
 import Button from "$lib/components/Button.svelte"
-import Spinner from "$lib/components/Spinner.svelte"
 import { page } from "$app/stores"
 import { supabase } from "$lib/supabase/client.ts"
+// import Spinner from "$lib/components/Spinner.svelte"
 
-async function diveIn(provider: "github" | "google") {
+type AuthProviders = "github" | "google"
+const providers: Array<AuthProviders> = ["github", "google"]
+
+async function diveIn(provider: AuthProviders) {
   const { data, error } = await supabase.auth.signInWithOAuth({
     provider: provider,
     options: {
@@ -25,8 +28,9 @@ async function diveIn(provider: "github" | "google") {
 {/snippet}
 
 <div class="p-8 flex items-center flex-col gap-4">
-  {@render Dive('github')}
-  {@render Dive('google')}
+  {#each providers as provider}
+    {@render Dive(provider)}
+  {/each}
 </div>
 
 <!--{#if loading}-->