From 678d151ba454cf4defc38787de58049be01cbfcc Mon Sep 17 00:00:00 2001
From: Karolina Kosiorowska <karolina.kosiorowska@thesis.co>
Date: Fri, 20 Sep 2024 14:27:08 +0200
Subject: [PATCH] Update texts when app is embedded dApp

---
 .../components/ConnectWalletModal/ConnectWalletButton.tsx    | 4 +++-
 dapp/src/components/Header/ConnectWallet.tsx                 | 5 +++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/dapp/src/components/ConnectWalletModal/ConnectWalletButton.tsx b/dapp/src/components/ConnectWalletModal/ConnectWalletButton.tsx
index a323181eb..e11caf8f0 100644
--- a/dapp/src/components/ConnectWalletModal/ConnectWalletButton.tsx
+++ b/dapp/src/components/ConnectWalletModal/ConnectWalletButton.tsx
@@ -2,6 +2,7 @@ import React, { useCallback, useEffect, useState } from "react"
 import { CONNECTION_ERRORS, ONE_SEC_IN_MILLISECONDS } from "#/constants"
 import {
   useAppDispatch,
+  useIsEmbed,
   useModal,
   useSignMessageAndCreateSession,
   useWallet,
@@ -54,6 +55,7 @@ export default function ConnectWalletButton({
   connector,
   onSuccess,
 }: ConnectWalletButtonProps) {
+  const { isEmbed } = useIsEmbed()
   const {
     address,
     isConnected,
@@ -226,7 +228,7 @@ export default function ConnectWalletButton({
                 </TextMd>
                 <ConnectWalletStatusLabel
                   status={connectionStatus}
-                  label="Connect wallet"
+                  label={`Connect ${isEmbed ? "account" : "wallet"}`}
                 />
                 <ConnectWalletStatusLabel
                   status={signMessageStatus}
diff --git a/dapp/src/components/Header/ConnectWallet.tsx b/dapp/src/components/Header/ConnectWallet.tsx
index 5b4956644..58e8dd75d 100644
--- a/dapp/src/components/Header/ConnectWallet.tsx
+++ b/dapp/src/components/Header/ConnectWallet.tsx
@@ -10,7 +10,7 @@ import {
   useClipboard,
   useMultiStyleConfig,
 } from "@chakra-ui/react"
-import { useModal, useWallet } from "#/hooks"
+import { useIsEmbed, useModal, useWallet } from "#/hooks"
 import { CurrencyBalance } from "#/components/shared/CurrencyBalance"
 import { TextMd } from "#/components/shared/Typography"
 import { BitcoinIcon } from "#/assets/icons"
@@ -20,6 +20,7 @@ import { MODAL_TYPES } from "#/types"
 import { IconCopy, IconLogout, IconWallet } from "@tabler/icons-react"
 
 export default function ConnectWallet() {
+  const { isEmbed } = useIsEmbed()
   const { address, balance, onDisconnect } = useWallet()
   const { isOpenGlobalErrorModal, modalType, openModal } = useModal()
   const { hasCopied, onCopy } = useClipboard(address ?? "")
@@ -45,7 +46,7 @@ export default function ConnectWallet() {
           pointerEvents: "none",
         })}
       >
-        Connect wallet
+        {`Connect ${isEmbed ? "account" : "wallet"}`}
       </Button>
     )
   }