✨ Provide option for Authcore social login pane position (#65)

likecoin · Sep 5, 2024 · 369dc2b · 369dc2b
1 parent 1849ded
commit 369dc2b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/src/index.tsx b/src/index.tsx
@@ -142,6 +142,8 @@ export class LikeCoinWalletConnector {
         options.authcoreClientId || SOCIAL_LOGIN_OPTIONS.DEFAULT,
       authcoreApiHost: options.authcoreApiHost || 'https://authcore.like.co',
       authcoreRedirectUrl: options.authcoreRedirectUrl || '',
+      authcoreSocialLoginPanePosition:
+        options.authcoreSocialLoginPanePosition || 'top',
 
       onEvent: options.onEvent || (() => {}),
     };

diff --git a/src/types.ts b/src/types.ts
@@ -101,6 +101,7 @@ export interface LikeCoinWalletConnectorConfig {
   authcoreClientId?: string;
   authcoreApiHost?: string;
   authcoreRedirectUrl?: string;
+  authcoreSocialLoginPanePosition?: 'top' | 'bottom';
 
   language?: string;
 

diff --git a/src/utils/authcore.ts b/src/utils/authcore.ts
@@ -70,7 +70,7 @@ export async function initAuthcore(
       container: containerId,
       root: `${authcoreApiHost}/widgets`,
       initialScreen: initialScreen,
-      socialLoginPaneStyle: 'top',
+      socialLoginPaneStyle: options.authcoreSocialLoginPanePosition,
       socialLoginPaneOption: 'grid',
       internal: true,
       language: options.language?.toLowerCase().includes('zh') ? 'zh-hk' : 'en',