diff --git a/src/pages/ValidatorOnboarding/ContinueButton.tsx b/src/pages/ValidatorOnboarding/ContinueButton.tsx index b0f8fee9..27152081 100644 --- a/src/pages/ValidatorOnboarding/ContinueButton.tsx +++ b/src/pages/ValidatorOnboarding/ContinueButton.tsx @@ -1,7 +1,5 @@ -import { Stack, XStack, YStack } from 'tamagui' -import { Button, InformationBox } from '@status-im/components' -import { CloseCircleIcon } from '@status-im/icons' - +import { XStack, YStack } from 'tamagui' +import { Button } from '@status-im/components' import { useDispatch, useSelector } from 'react-redux' import { useEffect, useState } from 'react' import { useNavigate } from 'react-router-dom' @@ -16,6 +14,7 @@ import { setValidWords, } from '../../redux/ValidatorOnboarding/KeyGeneration/slice' import { useWindowSize } from '../../hooks/useWindowSize' +import CopyPastedNotification from './CopyPastedNotification' const ContinueButton = () => { const windowSize = useWindowSize() @@ -168,36 +167,4 @@ const ContinueButton = () => { ) } -type CopyPastedNotificationProps = { - isSmallScreen?: boolean -} - -const CopyPastedNotification = ({ - isSmallScreen, -}: CopyPastedNotificationProps) => { - const isCopyPastedPhrase = useSelector( - (state: RootState) => state.keyGeneration.isCopyPastedPhrase, - ) - - return ( - <> - {isCopyPastedPhrase && ( - - } - /> - - )} - - ) -} - export default ContinueButton diff --git a/src/pages/ValidatorOnboarding/CopyPastedNotification.tsx b/src/pages/ValidatorOnboarding/CopyPastedNotification.tsx new file mode 100644 index 00000000..a9b8d48c --- /dev/null +++ b/src/pages/ValidatorOnboarding/CopyPastedNotification.tsx @@ -0,0 +1,40 @@ +import { Stack } from 'tamagui' +import { InformationBox } from '@status-im/components' +import { CloseCircleIcon } from '@status-im/icons' +import { useSelector } from 'react-redux' + +import { RootState } from '../../redux/store' + +type CopyPastedNotificationProps = { + isSmallScreen?: boolean +} + +const CopyPastedNotification = ({ + isSmallScreen, +}: CopyPastedNotificationProps) => { + const isCopyPastedPhrase = useSelector( + (state: RootState) => state.keyGeneration.isCopyPastedPhrase, + ) + + return ( + <> + {isCopyPastedPhrase && ( + + } + /> + + )} + + ) +} + +export default CopyPastedNotification