🔀 Merge WC request loading hint

likecoin · Sep 27, 2022 · dfc532a · dfc532a
2 parents e2f3ab8 + 8e99e27
commit dfc532a
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 0 deletions.
diff --git a/app/i18n/translations/en.json b/app/i18n/translations/en.json
@@ -459,6 +459,7 @@
   "walletConnectRequestView_label_description_sessionRequest": "%{name} wants to connect",
   "walletConnectRequestView_label_description_sign": "%{name} wants to sign a transaction",
   "walletConnectRequestView_label_description_unknown": "%{name} wants to get approval",
+  "walletConnectRequestView_loading_hint": "If the request is not responding, please return to the browser and come back again.",
   "Week": [
     "Sun",
     "Mon",

diff --git a/app/i18n/translations/zh-Hans-CN.json b/app/i18n/translations/zh-Hans-CN.json
@@ -439,6 +439,7 @@
   "walletConnectRequestView_label_description_sessionRequest": "%{name} 向 Liker Land App 发出了连接请求",
   "walletConnectRequestView_label_description_sign": "%{name} 向 Liker Land App 发出了签名请求",
   "walletConnectRequestView_label_description_unknown": "%{name} 向 Liker Land App 发出了请求",
+  "walletConnectRequestView_loading_hint": "若沒有彈出確認請求，請返回瀏覽器再回來",
   "walletDashboardScreen": {
     "availableBalanceLabel": "可用",
     "allDelegatorRewardsLabel": "未领取收益",

diff --git a/app/i18n/translations/zh-Hant-HK.json b/app/i18n/translations/zh-Hant-HK.json
@@ -439,6 +439,7 @@
   "walletConnectRequestView_label_description_sessionRequest": "%{name} 向 Liker Land App 發出了連接請求",
   "walletConnectRequestView_label_description_sign": "%{name} 向 Liker Land App 發出了簽名請求",
   "walletConnectRequestView_label_description_unknown": "%{name} 向 Liker Land App 發出了請求",
+  "walletConnectRequestView_loading_hint": "若沒有彈出確認請求，請返回瀏覽器再回來",
   "walletDashboardScreen": {
     "availableBalanceLabel": "可用",
     "allDelegatorRewardsLabel": "未領取收益",

diff --git a/app/i18n/translations/zh-Hant-TW.json b/app/i18n/translations/zh-Hant-TW.json
@@ -439,6 +439,7 @@
   "walletConnectRequestView_label_description_sessionRequest": "%{name} 向 Liker Land App 發出了連接請求",
   "walletConnectRequestView_label_description_sign": "%{name} 向 Liker Land App 發出了簽名請求",
   "walletConnectRequestView_label_description_unknown": "%{name} 向 Liker Land App 發出了請求",
+  "walletConnectRequestView_loading_hint": "若沒有彈出確認請求，請返回瀏覽器再回來",
   "walletDashboardScreen": {
     "availableBalanceLabel": "可用",
     "allDelegatorRewardsLabel": "未領取收益",

diff --git a/app/screens/wallet-connect-request-screen/wallet-connect-request-screen.tsx b/app/screens/wallet-connect-request-screen/wallet-connect-request-screen.tsx
@@ -37,6 +37,12 @@ const HeaderText = styled(Text)`
   text-align: center;
 `
 
+const LoadingHintText = styled(Text)`
+  margin-top: ${({ theme }) => theme.spacing.lg};
+  color: ${({ theme }) => theme.color.palette.offWhite};
+  text-align: center;
+`
+
 export interface WalletConnectRequestScreenProps extends NavigationStackScreenProps<{
   peerId: string,
   peerMeta: any;
@@ -48,6 +54,23 @@ export interface WalletConnectRequestScreenProps extends NavigationStackScreenPr
 @inject("walletConnectStore")
 @observer
 export class WalletConnectRequestScreen extends React.Component<WalletConnectRequestScreenProps, {}> {
+
+  patientTimer?: number
+
+  state = {
+    shouldShowLoadingHint: false,
+  }
+
+  componentDidMount() {
+    this.patientTimer = setTimeout(() => {
+      this.setState({ shouldShowLoadingHint: true })
+    }, 5000)
+  }
+
+  componentWillUnmount() {
+    clearTimeout(this.patientTimer)
+  }
+
   get payload() {
     return this.props.navigation.getParam("payload")
   }
@@ -81,6 +104,9 @@ export class WalletConnectRequestScreen extends React.Component<WalletConnectReq
         <LoadingView>
           <LoadingLikeCoinWrapper>
             <LoadingLikeCoin />
+            {this.state.shouldShowLoadingHint && (
+              <LoadingHintText tx="walletConnectRequestView_loading_hint" />
+            )}
           </LoadingLikeCoinWrapper>
           <Button
             preset="outlined"