Commit 487dfb33 authored by Max Alekseenko's avatar Max Alekseenko

fix merge

parent 4768d08d
...@@ -3,13 +3,13 @@ import React, { useCallback, useEffect } from 'react'; ...@@ -3,13 +3,13 @@ import React, { useCallback, useEffect } from 'react';
import { useRewardsContext } from 'lib/contexts/rewards'; import { useRewardsContext } from 'lib/contexts/rewards';
import useIsMobile from 'lib/hooks/useIsMobile'; import useIsMobile from 'lib/hooks/useIsMobile';
import useWallet from 'ui/snippets/walletMenu/useWallet'; import useWallet from 'lib/web3/useWallet';
import CongratsStepContent from './steps/CongratsStepContent'; import CongratsStepContent from './steps/CongratsStepContent';
import LoginStepContent from './steps/LoginStepContent'; import LoginStepContent from './steps/LoginStepContent';
const RewardsLoginModal = () => { const RewardsLoginModal = () => {
const { isModalOpen: isWalletModalOpen } = useWallet({ source: 'Merits' }); const { isOpen: isWalletModalOpen } = useWallet({ source: 'Merits' });
const isMobile = useIsMobile(); const isMobile = useIsMobile();
const { isLoginModalOpen, closeLoginModal } = useRewardsContext(); const { isLoginModalOpen, closeLoginModal } = useRewardsContext();
......
...@@ -4,9 +4,9 @@ import type { ChangeEvent } from 'react'; ...@@ -4,9 +4,9 @@ import type { ChangeEvent } from 'react';
import React, { useCallback, useState, useEffect } from 'react'; import React, { useCallback, useState, useEffect } from 'react';
import * as cookies from 'lib/cookies'; import * as cookies from 'lib/cookies';
import useWallet from 'lib/web3/useWallet';
import InputPlaceholder from 'ui/shared/InputPlaceholder'; import InputPlaceholder from 'ui/shared/InputPlaceholder';
import LinkExternal from 'ui/shared/links/LinkExternal'; import LinkExternal from 'ui/shared/links/LinkExternal';
import useWallet from 'ui/snippets/walletMenu/useWallet';
import useLogin from '../useLogin'; import useLogin from '../useLogin';
...@@ -17,7 +17,7 @@ type Props = { ...@@ -17,7 +17,7 @@ type Props = {
const LoginStepContent = ({ goNext, closeModal }: Props) => { const LoginStepContent = ({ goNext, closeModal }: Props) => {
const router = useRouter(); const router = useRouter();
const { connect, isWalletConnected } = useWallet({ source: 'Merits' }); const { connect, isConnected } = useWallet({ source: 'Merits' });
const savedRefCode = cookies.get(cookies.NAMES.REWARDS_REFERRAL_CODE); const savedRefCode = cookies.get(cookies.NAMES.REWARDS_REFERRAL_CODE);
const [ isSwitchChecked, setIsSwitchChecked ] = useBoolean(Boolean(savedRefCode)); const [ isSwitchChecked, setIsSwitchChecked ] = useBoolean(Boolean(savedRefCode));
const [ isLoading, setIsLoading ] = useBoolean(false); const [ isLoading, setIsLoading ] = useBoolean(false);
...@@ -62,7 +62,7 @@ const LoginStepContent = ({ goNext, closeModal }: Props) => { ...@@ -62,7 +62,7 @@ const LoginStepContent = ({ goNext, closeModal }: Props) => {
More about Blockscout Merits More about Blockscout Merits
</LinkExternal> </LinkExternal>
</Box> </Box>
{ isWalletConnected && ( { isConnected && (
<> <>
<Box w="full" mb={ 6 } borderTop="1px solid" borderColor={ dividerColor }/> <Box w="full" mb={ 6 } borderTop="1px solid" borderColor={ dividerColor }/>
<Flex w="full" alignItems="center" justifyContent="space-between"> <Flex w="full" alignItems="center" justifyContent="space-between">
...@@ -93,12 +93,12 @@ const LoginStepContent = ({ goNext, closeModal }: Props) => { ...@@ -93,12 +93,12 @@ const LoginStepContent = ({ goNext, closeModal }: Props) => {
variant="solid" variant="solid"
colorScheme="blue" colorScheme="blue"
w="full" w="full"
mt={ isWalletConnected ? 6 : 0 } mt={ isConnected ? 6 : 0 }
mb={ 4 } mb={ 4 }
onClick={ isWalletConnected ? handleLogin : connect } onClick={ isConnected ? handleLogin : connect }
isLoading={ isLoading } isLoading={ isLoading }
> >
{ isWalletConnected ? 'Get started' : 'Connect wallet' } { isConnected ? 'Get started' : 'Connect wallet' }
</Button> </Button>
<Text fontSize="sm" color={ useColorModeValue('blackAlpha.500', 'whiteAlpha.500') } textAlign="center"> <Text fontSize="sm" color={ useColorModeValue('blackAlpha.500', 'whiteAlpha.500') } textAlign="center">
Already registered for Blockscout Merits on another network or chain? Connect the same wallet here. Already registered for Blockscout Merits on another network or chain? Connect the same wallet here.
......
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