Commit 5a3e8723 authored by Max Alekseenko's avatar Max Alekseenko

fix ref code

parent 4b6e41c3
...@@ -18,7 +18,7 @@ const LoginStepContent = ({ goNext, closeModal }: Props) => { ...@@ -18,7 +18,7 @@ const LoginStepContent = ({ goNext, closeModal }: Props) => {
const router = useRouter(); const router = useRouter();
const { connect, isConnected } = 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 [ isRefCodeUsed, setIsRefCodeUsed ] = useBoolean(Boolean(savedRefCode));
const [ isLoading, setIsLoading ] = useBoolean(false); const [ isLoading, setIsLoading ] = useBoolean(false);
const [ refCode, setRefCode ] = useState(savedRefCode || ''); const [ refCode, setRefCode ] = useState(savedRefCode || '');
const [ refCodeError, setRefCodeError ] = useBoolean(false); const [ refCodeError, setRefCodeError ] = useBoolean(false);
...@@ -33,7 +33,7 @@ const LoginStepContent = ({ goNext, closeModal }: Props) => { ...@@ -33,7 +33,7 @@ const LoginStepContent = ({ goNext, closeModal }: Props) => {
try { try {
setRefCodeError.off(); setRefCodeError.off();
setIsLoading.on(); setIsLoading.on();
const { isNewUser, invalidRefCodeError } = await login(refCode); const { isNewUser, invalidRefCodeError } = await login(isRefCodeUsed ? refCode : '');
if (invalidRefCodeError) { if (invalidRefCodeError) {
setRefCodeError.on(); setRefCodeError.on();
} else { } else {
...@@ -46,7 +46,7 @@ const LoginStepContent = ({ goNext, closeModal }: Props) => { ...@@ -46,7 +46,7 @@ const LoginStepContent = ({ goNext, closeModal }: Props) => {
} }
} catch (error) {} } catch (error) {}
setIsLoading.off(); setIsLoading.off();
}, [ login, goNext, setIsLoading, router, closeModal, refCode, setRefCodeError ]); }, [ login, goNext, setIsLoading, router, closeModal, refCode, setRefCodeError, isRefCodeUsed ]);
useEffect(() => { useEffect(() => {
setRefCodeError.off(); setRefCodeError.off();
...@@ -69,12 +69,12 @@ const LoginStepContent = ({ goNext, closeModal }: Props) => { ...@@ -69,12 +69,12 @@ const LoginStepContent = ({ goNext, closeModal }: Props) => {
<Switch <Switch
colorScheme="blue" colorScheme="blue"
size="md" size="md"
isChecked={ isSwitchChecked } isChecked={ isRefCodeUsed }
onChange={ setIsSwitchChecked.toggle } onChange={ setIsRefCodeUsed.toggle }
aria-label="Referral code switch" aria-label="Referral code switch"
/> />
</Flex> </Flex>
{ isSwitchChecked && ( { isRefCodeUsed && (
<FormControl variant="floating" id="referral-code" mt={ 3 }> <FormControl variant="floating" id="referral-code" mt={ 3 }>
<Input <Input
fontWeight="500" fontWeight="500"
......
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