diff --git a/src/containers/main/Airdrop/AirdropGiftTracker/components/ClaimModal/ClaimModal.tsx b/src/containers/main/Airdrop/AirdropGiftTracker/components/ClaimModal/ClaimModal.tsx index 89b636c83..207c8e45e 100644 --- a/src/containers/main/Airdrop/AirdropGiftTracker/components/ClaimModal/ClaimModal.tsx +++ b/src/containers/main/Airdrop/AirdropGiftTracker/components/ClaimModal/ClaimModal.tsx @@ -13,7 +13,6 @@ import { Text, TextWrapper, Title, - XLogo, } from './styles'; import gemImage from './images/gems.png'; import gemLargeImage from './images/gem-large.png'; @@ -21,7 +20,6 @@ import { useCallback, useState } from 'react'; import { GIFT_GEMS, MAX_GEMS, useAirdropStore } from '@app/store/useAirdropStore'; import { Trans, useTranslation } from 'react-i18next'; import { GemImage } from '../Gems/styles'; -import XLogoIcon from './icons/XLogoIcon'; import { useAppConfigStore } from '@app/store/useAppConfigStore'; import GreenModal from '@app/components/GreenModal/GreenModal'; @@ -38,10 +36,15 @@ export default function ClaimModal({ onSubmit, onClose }: ClaimModalProps) { const [claimCode, setClaimCode] = useState(''); - const handleSubmit = useCallback(async () => { - await setAllowTelemetry(true); - return onSubmit(claimCode); - }, [claimCode, onSubmit, setAllowTelemetry]); + const handleSubmit = useCallback( + async (e: React.MouseEvent) => { + e.preventDefault(); + e.stopPropagation(); + await setAllowTelemetry(true); + return onSubmit(claimCode); + }, + [claimCode, onSubmit, setAllowTelemetry] + ); return ( @@ -78,12 +81,7 @@ export default function ClaimModal({ onSubmit, onClose }: ClaimModalProps) { - - {t('claimGems')} - - - - + {t('claimGems')} {!allowTelemetry && ( diff --git a/src/containers/main/Airdrop/AirdropGiftTracker/components/ClaimModal/styles.ts b/src/containers/main/Airdrop/AirdropGiftTracker/components/ClaimModal/styles.ts index ba349c42c..3729ed96f 100644 --- a/src/containers/main/Airdrop/AirdropGiftTracker/components/ClaimModal/styles.ts +++ b/src/containers/main/Airdrop/AirdropGiftTracker/components/ClaimModal/styles.ts @@ -248,25 +248,6 @@ export const InputGems = styled('div')` } `; -export const XLogo = styled('div')` - width: 48px; - height: 48px; - border-radius: 100%; - - display: flex; - align-items: center; - justify-content: center; - - background-color: ${({ theme }) => theme.palette.background.accent}; - color: #000; - - position: absolute; - top: 50%; - right: 16px; - - transform: translateY(-50%); -`; - export const FinePrint = styled('div')` color: #000; text-align: center;