diff --git a/src/components/Tour.vue b/src/components/Tour.vue index f41ffaf4f..12cee2167 100644 --- a/src/components/Tour.vue +++ b/src/components/Tour.vue @@ -43,7 +43,8 @@ - btcAccountBalance.value > 0; + const { accountBalance: nimAccountBalance } = useAddressStore(); + const hasOnlyNim = () => nimAccountBalance.value > 0 && btcAccountBalance.value === 0; return { path: '/', @@ -50,7 +52,7 @@ export function getWalletBalanceStep({ isSmallScreen }: IOnboardingGetStepFnArgs return `${IWalletHTMLElements.ACCOUNT_OVERVIEW_BALANCE} .balance-distribution ${!isSmallScreen.value ? '.btc .tooltip .bar' : ''}`; }, - content: getOnboardingTexts(OnboardingTourStep.WALLET_BALANCE)[!hasBitcoin() ? 'default' : 'alternative'], + content: getOnboardingTexts(OnboardingTourStep.WALLET_BALANCE)[hasOnlyNim() ? 'default' : 'alternative'], params: { get placement() { return isSmallScreen.value ? 'bottom' : 'right'; diff --git a/src/lib/tour/onboarding/07_AccountOptionsStep.ts b/src/lib/tour/onboarding/07_AccountOptionsStep.ts index 72a5fcf0c..e5931054a 100644 --- a/src/lib/tour/onboarding/07_AccountOptionsStep.ts +++ b/src/lib/tour/onboarding/07_AccountOptionsStep.ts @@ -46,18 +46,20 @@ export function getAccountOptionsStep({ isSmallScreen, isLargeScreen }: IOnboard return isLargeScreen.value ? '/accounts' : '/accounts?sidebar=true'; }, tooltip: { - target: IWalletHTMLElements.MODAL_PAGE, + get target() { + return isSmallScreen.value ? IWalletHTMLElements.MODAL_ACCOUNT_PICTURE : IWalletHTMLElements.MODAL_PAGE; + }, content: getOnboardingTexts(OnboardingTourStep.ACCOUNT_OPTIONS).default, params: { get placement() { - return isSmallScreen.value ? 'top' : 'right'; + return isSmallScreen.value ? 'bottom-start' : 'right'; }, get modifiers() { return [ { name: 'offset', options: { - offset: [0, 16], + offset: [isSmallScreen.value ? -13.5 : 0, 16], }, }, { diff --git a/src/lib/tour/onboarding/OnboardingTourTexts.ts b/src/lib/tour/onboarding/OnboardingTourTexts.ts index c2e078c12..f17efca3e 100644 --- a/src/lib/tour/onboarding/OnboardingTourTexts.ts +++ b/src/lib/tour/onboarding/OnboardingTourTexts.ts @@ -44,7 +44,6 @@ const texts: ITourStepTexts = { $t('Currently you have 100% NIM, and no BTC.'), ], alternative: [ - // TODO Implement this $t('Check the bar-chart to see how your addresses compose your total balance.'), ], }, @@ -64,14 +63,12 @@ const texts: ITourStepTexts = { [OnboardingTourStep.ACCOUNT_OPTIONS]: { default: [ $t('Create, switch and log out of accounts.'), - $t('All security relevant actions can be found here too.'), + $t('Security options and backup can be found here.'), ], }, - // TODO Review these [OnboardingTourStep.BACKUP_OPTION_FROM_OPTIONS]: { default: [ - $t('You can always create a new backup.'), - $t('Simply click your account and select ‘Create backup’.'), + $t('You can always create a new backup. Simply click your account and select ‘Create backup’.'), ], }, [OnboardingTourStep.ONBOARDING_COMPLETED]: {