Commit 0defa035 authored by tom's avatar tom

update texts

parent db115fe7
import { Box, Button, Heading, useColorModeValue } from '@chakra-ui/react'; import { Box, Button, Heading, Text, useColorModeValue } from '@chakra-ui/react';
import type { UseQueryResult } from '@tanstack/react-query'; import type { UseQueryResult } from '@tanstack/react-query';
import React from 'react'; import React from 'react';
...@@ -17,6 +17,9 @@ const MyProfileWallet = ({ profileQuery, onAddWallet }: Props) => { ...@@ -17,6 +17,9 @@ const MyProfileWallet = ({ profileQuery, onAddWallet }: Props) => {
return ( return (
<section> <section>
<Heading as="h2" size="sm" mb={ 3 }>My linked wallet</Heading> <Heading as="h2" size="sm" mb={ 3 }>My linked wallet</Heading>
<Text mb={ 3 } >
This wallet address can be used to login and is used for merit program
</Text>
{ profileQuery.data?.address_hash ? ( { profileQuery.data?.address_hash ? (
<Box px={ 3 } py="18px" bgColor={ bgColor } borderRadius="base"> <Box px={ 3 } py="18px" bgColor={ bgColor } borderRadius="base">
<AddressEntity <AddressEntity
......
...@@ -6,6 +6,7 @@ import type { Screen } from 'ui/snippets/auth/types'; ...@@ -6,6 +6,7 @@ import type { Screen } from 'ui/snippets/auth/types';
import config from 'configs/app'; import config from 'configs/app';
import MyProfileEmail from 'ui/myProfile/MyProfileEmail'; import MyProfileEmail from 'ui/myProfile/MyProfileEmail';
import MyProfileWallet from 'ui/myProfile/MyProfileWallet'; import MyProfileWallet from 'ui/myProfile/MyProfileWallet';
import AccountPageDescription from 'ui/shared/AccountPageDescription';
import ContentLoader from 'ui/shared/ContentLoader'; import ContentLoader from 'ui/shared/ContentLoader';
import DataFetchAlert from 'ui/shared/DataFetchAlert'; import DataFetchAlert from 'ui/shared/DataFetchAlert';
import PageTitle from 'ui/shared/Page/PageTitle'; import PageTitle from 'ui/shared/Page/PageTitle';
...@@ -45,6 +46,10 @@ const MyProfile = () => { ...@@ -45,6 +46,10 @@ const MyProfile = () => {
return ( return (
<> <>
<AccountPageDescription>
You can add your email to receive watchlist notifications.
Additionally, you can manage your wallet address and email, which can be used for logging into your Blockscout account.
</AccountPageDescription>
<Flex maxW="480px" mt={ 8 } flexDir="column" rowGap={ 12 }> <Flex maxW="480px" mt={ 8 } flexDir="column" rowGap={ 12 }>
<MyProfileEmail profileQuery={ profileQuery }/> <MyProfileEmail profileQuery={ profileQuery }/>
{ config.features.blockchainInteraction.isEnabled && { config.features.blockchainInteraction.isEnabled &&
......
...@@ -83,7 +83,12 @@ const UserProfileContent = ({ data, onClose, onLogin, onAddEmail, onAddAddress } ...@@ -83,7 +83,12 @@ const UserProfileContent = ({ data, onClose, onLogin, onAddEmail, onAddAddress }
{ config.features.blockchainInteraction.isEnabled && ( { config.features.blockchainInteraction.isEnabled && (
<Flex p={ 2 } borderColor="divider" borderBottomWidth="1px"> <Flex p={ 2 } borderColor="divider" borderBottomWidth="1px">
<Box>Address</Box> <Box>Address</Box>
<Hint label="Address" boxSize={ 4 } ml={ 1 } mr="auto"/> <Hint
label="This wallet address is linked to your Blockscout account. It can be used to login and is used for merit program participation"
boxSize={ 4 }
ml={ 1 }
mr="auto"
/>
{ data?.address_hash ? { data?.address_hash ?
<Box>{ shortenString(data?.address_hash) }</Box> : <Box>{ shortenString(data?.address_hash) }</Box> :
<Link onClick={ onAddAddress } color="text_secondary" _hover={{ color: 'link_hovered', textDecoration: 'none' }}>Add address</Link> <Link onClick={ onAddAddress } color="text_secondary" _hover={{ color: 'link_hovered', textDecoration: 'none' }}>Add address</Link>
......
...@@ -66,7 +66,7 @@ const UserProfileContentWallet = ({ onClose, className }: Props) => { ...@@ -66,7 +66,7 @@ const UserProfileContentWallet = ({ onClose, className }: Props) => {
loadingText="Connect Wallet" loadingText="Connect Wallet"
w="100%" w="100%"
> >
Connect Wallet Connect
</Button> </Button>
); );
})(); })();
...@@ -74,8 +74,16 @@ const UserProfileContentWallet = ({ onClose, className }: Props) => { ...@@ -74,8 +74,16 @@ const UserProfileContentWallet = ({ onClose, className }: Props) => {
return ( return (
<Box className={ className }> <Box className={ className }>
<Flex px={ 2 } py={ 1 } mb={ 1 } fontSize="xs" lineHeight={ 4 } fontWeight="500"> <Flex px={ 2 } py={ 1 } mb={ 1 } fontSize="xs" lineHeight={ 4 } fontWeight="500">
<span>Wallet for apps or contracts</span> <span>Connected wallet</span>
<Hint label="Wallet for apps or contracts" boxSize={ 4 } ml={ 1 }/> <Hint
label={
web3Wallet.isConnected ?
'This wallet is currently connected to Blockscout and used for interacting with apps and smart contracts' :
'This wallet is used for interacting with apps and smart contracts'
}
boxSize={ 4 }
ml={ 1 }
/>
</Flex> </Flex>
{ content } { content }
</Box> </Box>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment