@@ -2,19 +2,19 @@ import BigNumber from 'bignumber.js';
22import { ethers } from 'ethers' ;
33import { useEffect , useMemo } from 'react' ;
44
5- import { Button , Column , Content , Footer , Header , Icon , Input , Layout , Row , Text } from '@/ui/components' ;
5+ import { Button , Column , Content , Footer , Header , Icon , Input , Layout , LightTooltip , Row , Text } from '@/ui/components' ;
66import ImageIcon from '@/ui/components/ImageIcon' ;
77import { useSend } from '@/ui/hooks/useSend' ;
8- import { useCurrentAccount } from '@/ui/state/accounts/hooks' ;
98import { useEnvironment } from '@/ui/state/environment/hooks' ;
109import { useResetUiTxCreateScreen , useUpdateUiTxCreateSendSideScreen } from '@/ui/state/ui/hooks' ;
10+ import { colors } from '@/ui/theme/colors' ;
1111import { isValidAddress } from '@/ui/utils' ;
12+ import { Stack , Typography } from '@mui/material' ;
1213
1314export default function RegisterEvmAddress ( ) {
14- const currentAccount = useCurrentAccount ( ) ;
1515 const setUiState = useUpdateUiTxCreateSendSideScreen ( ) ;
1616 const reset = useResetUiTxCreateScreen ( ) ;
17- const { EVM_COLLECTOR } = useEnvironment ( ) ;
17+ const { EVM_COLLECTOR , sideChain } = useEnvironment ( ) ;
1818
1919 useEffect ( ( ) => {
2020 setUiState ( { base : 'uside' , toInfo : { address : EVM_COLLECTOR , domain : '' } } ) ;
@@ -62,16 +62,48 @@ export default function RegisterEvmAddress() {
6262 borderRadius : '10px' ,
6363 padding : '16px'
6464 } } >
65- < Text text = "Burn Address" color = "white" size = "xs" />
66- < Text
67- text = { currentAccount . address }
68- color = "white"
69- size = "sm"
70- style = { {
71- fontWeight : 500 ,
72- overflowWrap : 'break-word'
65+ < Stack direction = "row" >
66+ < LightTooltip
67+ title = {
68+ 'Any SIDE sent to this address will be reserved for future token burns and cannot be recovered. This is a permanent and irreversible action. '
69+ }
70+ arrow
71+ placement = "top" >
72+ < Typography
73+ sx = { {
74+ fontSize : '12px' ,
75+ color : colors . grey12 ,
76+ textDecoration : 'dotted underline' ,
77+ textUnderlineOffset : '2px' ,
78+ cursor : 'pointer' ,
79+ transition : '.4s' ,
80+ ':hover' : {
81+ color : colors . white
82+ }
83+ } } >
84+ Burn Address
85+ </ Typography >
86+ </ LightTooltip >
87+ </ Stack >
88+ < Typography
89+ sx = { {
90+ fontSize : '12px' ,
91+ fontWeight : 400 ,
92+ color : colors . white ,
93+ overflowWrap : 'break-word' ,
94+ textDecoration : 'dotted underline' ,
95+ textUnderlineOffset : '2px' ,
96+ cursor : 'pointer' ,
97+ transition : '.4s' ,
98+ ':hover' : {
99+ color : colors . main
100+ }
73101 } }
74- />
102+ onClick = { ( ) => {
103+ window . open ( `${ sideChain . explorerUrl } /address/${ toInfo . address } ` , '_blank' ) ;
104+ } } >
105+ { toInfo . address }
106+ </ Typography >
75107 </ Column >
76108
77109 < Row
@@ -152,10 +184,13 @@ export default function RegisterEvmAddress() {
152184 < Footer px = "zero" py = "zero" >
153185 < Button
154186 preset = "primary"
155- text = { + inputAmount > + available ? 'Insufficient Balance' : 'Next ' }
187+ text = { + inputAmount > + available ? 'Insufficient Balance' : 'Confirm ' }
156188 disabled = { disabled }
157189 onClick = { ( ) => {
158- handleSubmit ( 'Please follow us on X and stay tuned for further announcements regarding the TGE.' ) ;
190+ handleSubmit ( {
191+ text : 'Please follow us on X and stay tuned for further announcements regarding the TGE.' ,
192+ title : 'Registration completed!'
193+ } ) ;
159194 } }
160195 />
161196 </ Footer >
0 commit comments