From e3ad0c9e2e121218bc6c8bbfb64be22e256c7572 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Tue, 11 Jun 2024 06:20:02 +0530
Subject: [PATCH] feat: add ability for platforms to define custom login
 selector ui

---
 .../hoppscotch-common/src/components/firebase/Login.vue    | 6 +++++-
 packages/hoppscotch-common/src/platform/auth.ts            | 7 +++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/hoppscotch-common/src/components/firebase/Login.vue b/packages/hoppscotch-common/src/components/firebase/Login.vue
index cc1eacac9..a0bef338b 100644
--- a/packages/hoppscotch-common/src/components/firebase/Login.vue
+++ b/packages/hoppscotch-common/src/components/firebase/Login.vue
@@ -6,7 +6,11 @@
     @close="hideModal"
   >
     <template #body>
-      <template v-if="isLoadingAllowedAuthProviders">
+      <template v-if="platform.auth.customLoginSelectorUI">
+        <component :is="platform.auth.customLoginSelectorUI" />
+      </template>
+
+      <template v-else-if="isLoadingAllowedAuthProviders">
         <div class="flex justify-center">
           <HoppSmartSpinner />
         </div>
diff --git a/packages/hoppscotch-common/src/platform/auth.ts b/packages/hoppscotch-common/src/platform/auth.ts
index 58fe104f4..f5f753242 100644
--- a/packages/hoppscotch-common/src/platform/auth.ts
+++ b/packages/hoppscotch-common/src/platform/auth.ts
@@ -52,6 +52,13 @@ export type LoginItemDef = {
 }
 
 export type AuthPlatformDef = {
+  /**
+   * Whether this platform shows a custom login selector UI. Used for situations
+   * where we don't want to render the traditional UI and want to replace it
+   * with something else
+   */
+  customLoginSelectorUI?: Component
+
   /**
    * Returns an observable that emits the current user as per the auth implementation.
    *