From aef13c13a9ee33258c81301424f2ce629648deb9 Mon Sep 17 00:00:00 2001
From: William Chong <me@williamchong.cloud>
Date: Mon, 26 Jun 2023 21:50:15 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20wc=20uri=20in=20likerland=20g?=
 =?UTF-8?q?etapp=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/connection-method-button.tsx   |  6 ++---
 .../connection-method-list-base.tsx           |  8 +++----
 .../connection-method-selection-dialog.tsx    |  2 +-
 src/index.tsx                                 | 23 ++++++++++++-------
 4 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/src/components/connection-method-button.tsx b/src/components/connection-method-button.tsx
index 8764e99..5c7cfb8 100644
--- a/src/components/connection-method-button.tsx
+++ b/src/components/connection-method-button.tsx
@@ -26,7 +26,7 @@ export interface Props {
   url?: string;
   isMobile?: boolean;
   keplrInstallCTAPreset?: KeplrInstallCTAPreset;
-  onPress?: () => void;
+  onPress?: (params?: any) => void;
 }
 
 /**
@@ -83,6 +83,7 @@ export const ConnectionMethodButton: FC<Props> = ({
 
   const handleClickInstallLikerLandAppButton: MouseEventHandler = e => {
     e.stopPropagation();
+    if (onPress) onPress({ goToGetApp: true });
   };
 
   const handleClickOpenInDAppBrowserButton: MouseEventHandler = e => {
@@ -197,9 +198,6 @@ export const ConnectionMethodButton: FC<Props> = ({
             {type === LikeCoinWalletConnectorMethodType.LikerId && (
               <div className="lk-flex lk-justify-center lk-mt-[12px]">
                 <Button
-                  tag="a"
-                  href={url}
-                  target="_blank"
                   onClick={handleClickInstallLikerLandAppButton}
                 >
                   <DownloadIcon />
diff --git a/src/components/connection-method-list-base.tsx b/src/components/connection-method-list-base.tsx
index 4fd551f..a5a43b4 100644
--- a/src/components/connection-method-list-base.tsx
+++ b/src/components/connection-method-list-base.tsx
@@ -14,7 +14,7 @@ export interface ConnectionMethodListBaseProps
   methods: LikeCoinWalletConnectorMethod[];
   isMobile: boolean;
   keplrInstallCTAPreset?: KeplrInstallCTAPreset;
-  onSelectMethod?: (method: LikeCoinWalletConnectorMethodType) => void;
+  onSelectMethod?: (method: LikeCoinWalletConnectorMethodType, params?: any) => void;
 }
 
 export const ConnectionMethodListBase: React.FC<ConnectionMethodListBaseProps> = ({
@@ -25,8 +25,8 @@ export const ConnectionMethodListBase: React.FC<ConnectionMethodListBaseProps> =
   onSelectMethod,
   ...props
 }) => {
-  function handleMethodSelection(method: LikeCoinWalletConnectorMethodType) {
-    if (onSelectMethod) onSelectMethod(method);
+  function handleMethodSelection(method: LikeCoinWalletConnectorMethodType, params?: any) {
+    if (onSelectMethod) onSelectMethod(method, params);
   }
 
   return (
@@ -46,7 +46,7 @@ export const ConnectionMethodListBase: React.FC<ConnectionMethodListBaseProps> =
             url={method.url}
             keplrInstallCTAPreset={keplrInstallCTAPreset}
             isMobile={isMobile}
-            onPress={() => handleMethodSelection(method.type)}
+            onPress={(params?: any) => handleMethodSelection(method.type, params)}
           />
         </li>
       ))}
diff --git a/src/components/connection-method-selection-dialog.tsx b/src/components/connection-method-selection-dialog.tsx
index 7364833..8642519 100644
--- a/src/components/connection-method-selection-dialog.tsx
+++ b/src/components/connection-method-selection-dialog.tsx
@@ -89,7 +89,7 @@ export interface ConnectionMethodSelectionDialogProps
   keplrInstallURLOverride?: string;
   keplrInstallCTAPreset?: KeplrInstallCTAPreset;
   onClose?: () => void;
-  onConnect?: (method: LikeCoinWalletConnectorMethodType) => void;
+  onConnect?: (method: LikeCoinWalletConnectorMethodType, params?: any) => void;
 }
 
 /**
diff --git a/src/index.tsx b/src/index.tsx
index 85f0513..c1cd5ff 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -143,9 +143,10 @@ export class LikeCoinWalletConnector {
     return new Promise<LikeCoinWalletConnectorConnectionResponse>(
       async resolve => {
         const connectWithMethod = async (
-          method: LikeCoinWalletConnectorMethodType
+          method: LikeCoinWalletConnectorMethodType,
+          params?: any,
         ) => {
-          const result = await this.selectMethod(method);
+          const result = await this.selectMethod(method, params);
           resolve(result);
         };
         if (checkIsInLikerLandAppInAppBrowser()) {
@@ -214,10 +215,10 @@ export class LikeCoinWalletConnector {
     this._isWalletConnectQRCodeDialogOpen = false;
   };
 
-  private selectMethod = async (method: LikeCoinWalletConnectorMethodType) => {
+  private selectMethod = async (method: LikeCoinWalletConnectorMethodType, params?: any) => {
     this.closeDialog();
 
-    return this.init(method);
+    return this.init(method, params);
   };
 
   disconnect = async () => {
@@ -267,9 +268,14 @@ export class LikeCoinWalletConnector {
   };
 
   private getWCQRCodeDialog: (
-    methodType: LikeCoinWalletConnectorMethodType
-  ) => IQRCodeModal = (methodType: LikeCoinWalletConnectorMethodType) => ({
+    methodType: LikeCoinWalletConnectorMethodType,
+    params?: any,
+  ) => IQRCodeModal = (methodType: LikeCoinWalletConnectorMethodType, params?: any) => ({
     open: uri => {
+      if (methodType === LikeCoinWalletConnectorMethodType.LikerId && params?.goToGetApp) {
+        window.location.href = `https://liker.land/getapp?action=wc&uri=${encodeURIComponent(uri)}`;
+        return;
+      }
       this.openWalletConnectQRCodeDialog(methodType, uri);
     },
     close: () => {
@@ -277,7 +283,7 @@ export class LikeCoinWalletConnector {
     },
   });
 
-  init = async (methodType: LikeCoinWalletConnectorMethodType) => {
+  init = async (methodType: LikeCoinWalletConnectorMethodType, params?: any) => {
     let initiator: Promise<LikeCoinWalletConnectorInitResponse>;
 
     switch (methodType) {
@@ -310,9 +316,10 @@ export class LikeCoinWalletConnector {
         break;
 
       case LikeCoinWalletConnectorMethodType.LikerId:
+        const { goToGetApp } = params || {};
         initiator = initLikerLandApp(
           this.options,
-          this.getWCQRCodeDialog(LikeCoinWalletConnectorMethodType.LikerId),
+          this.getWCQRCodeDialog(LikeCoinWalletConnectorMethodType.LikerId, { goToGetApp }),
           this.sessionMethod,
           this.sessionAccounts
         );