remove unused code

KyberNetwork · Dec 6, 2023 · e1c293a · e1c293a
1 parent 346be09
commit e1c293a
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 91 deletions.
diff --git a/src/pages/TrueSightV2/pages/RegisterWhitelist/SubscribeForm.tsx b/src/pages/TrueSightV2/pages/RegisterWhitelist/SubscribeForm.tsx
@@ -1,6 +1,6 @@
 import { Trans, t } from '@lingui/macro'
 import debounce from 'lodash/debounce'
-import { FormEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { FormEvent, useCallback, useMemo, useRef, useState } from 'react'
 import { Text } from 'rebass'
 import { useLazyCheckReferralCodeQuery, useRequestWhiteListMutation } from 'services/kyberAISubscription'
 
@@ -11,18 +11,11 @@ import useMixpanel, { MIXPANEL_TYPE } from 'hooks/useMixpanel'
 import useParsedQueryString from 'hooks/useParsedQueryString'
 import useTheme from 'hooks/useTheme'
 import { getErrorMessage, isReferrerCodeInvalid } from 'pages/TrueSightV2/utils'
-import { useSessionInfo } from 'state/authen/hooks'
 
 import { FormWrapper, Input } from './styled'
 
-export default function EmailForm({
-  showVerify,
-}: {
-  showVerify: (email: string, code: string, showSuccess: boolean) => void
-}) {
-  const { userInfo } = useSessionInfo()
+export default function EmailForm() {
   const { mixpanelHandler } = useMixpanel()
-  const [inputEmail, setInputEmail] = useState(userInfo?.email || '')
   const qs = useParsedQueryString<{ referrer: string }>()
   const [referredByCode, setCode] = useState(qs.referrer || '')
   const [errorInput, setErrorInput] = useState({ email: '', referredByCode: '' })
@@ -48,10 +41,6 @@ export default function EmailForm({
     [checkReferalCode],
   )
 
-  useEffect(() => {
-    userInfo?.email && setInputEmail(userInfo?.email)
-  }, [userInfo?.email])
-
   const debouncedCheckReferCode = useMemo(
     () => debounce((code: string) => checkReferCodeExist(code), 500),
     [checkReferCodeExist],
@@ -71,8 +60,7 @@ export default function EmailForm({
     mixpanelHandler(MIXPANEL_TYPE.KYBERAI_JOIN_KYBER_WAITLIST_CLICK)
     try {
       if (hasErrorInput || checkingInput.current) return
-      if (inputEmail) showVerify(inputEmail, referredByCode, !!userInfo?.email)
-      else requestWaitList({ referredByCode }).unwrap()
+      requestWaitList({ referredByCode }).unwrap()
     } catch (error) {
       const msg = getErrorMessage(error)
       setErrorInput(prev => ({ ...prev, [isReferrerCodeInvalid(error) ? 'referredByCode' : 'email']: msg }))

diff --git a/src/pages/TrueSightV2/pages/RegisterWhitelist/index.tsx b/src/pages/TrueSightV2/pages/RegisterWhitelist/index.tsx
@@ -1,18 +1,15 @@
-import { Trans, t } from '@lingui/macro'
-import { useState } from 'react'
+import { Trans } from '@lingui/macro'
 import { useNavigate } from 'react-router-dom'
 import { Text } from 'rebass'
-import { useRequestWhiteListMutation } from 'services/kyberAISubscription'
 import styled from 'styled-components'
 
-import { ButtonLight, ButtonPrimary } from 'components/Button'
+import { ButtonLight } from 'components/Button'
 import { APP_PATHS } from 'constants/index'
 import { MIXPANEL_TYPE, useMixpanelKyberAI } from 'hooks/useMixpanel'
 import useTheme from 'hooks/useTheme'
 import SignInForm from 'pages/TrueSightV2/pages/RegisterWhitelist/SignInForm'
 import SubscribeForm from 'pages/TrueSightV2/pages/RegisterWhitelist/SubscribeForm'
 import WaitListForm from 'pages/TrueSightV2/pages/RegisterWhitelist/WaitListForm'
-import VerifyCodeModal from 'pages/Verify/VerifyCodeModal'
 import { useSessionInfo } from 'state/authen/hooks'
 import { useIsWhiteListKyberAI } from 'state/user/hooks'
 
@@ -29,58 +26,6 @@ export default function RegisterWhitelist({ showForm = true }: { showForm?: bool
 
   const { isWhiteList, isWaitList, loading: isCheckingPermission } = useIsWhiteListKyberAI()
 
-  const [verifyModalState, setVerifyModalState] = useState({
-    isOpen: false,
-    email: '',
-    referredByCode: '',
-    showVerifySuccess: false,
-  })
-
-  const showVerify = (email: string, referredByCode: string, showVerifySuccess: boolean) => {
-    setVerifyModalState({ isOpen: true, referredByCode, email, showVerifySuccess })
-  }
-
-  const onDismiss = () => setVerifyModalState(state => ({ ...state, isOpen: false }))
-  const [requestWaitList] = useRequestWhiteListMutation()
-
-  const onVerifySuccess = async () => {
-    return requestWaitList({ referredByCode: verifyModalState.referredByCode }).unwrap()
-  }
-
-  const renderVerifyModal = () => (
-    <VerifyCodeModal
-      {...verifyModalState}
-      verifySuccessTitle={t`Successful Registered`}
-      onVerifySuccess={onVerifySuccess}
-      verifySuccessContent={
-        <>
-          <WaitListForm
-            labelColor={theme.text}
-            style={{ width: '100%' }}
-            desc={
-              <Text fontSize={14} color={theme.text} lineHeight={'16px'} style={{ lineHeight: '18px' }}>
-                <Trans>
-                  Thank you for registering your interest in the KyberAI Beta Program. Follow us on our social channels
-                  to get regular updates on KyberAI
-                </Trans>
-              </Text>
-            }
-          />
-          <ButtonPrimary
-            height={'36px'}
-            onClick={() => {
-              mixpanelHandler(MIXPANEL_TYPE.KYBERAI_AWESOME_CLICK)
-              onDismiss()
-            }}
-          >
-            <Trans>Awesome</Trans>
-          </ButtonPrimary>
-        </>
-      }
-      onDismiss={onDismiss}
-    />
-  )
-
   if (isCheckingPermission)
     return (
       <ConnectWalletButton disabled>
@@ -127,25 +72,17 @@ export default function RegisterWhitelist({ showForm = true }: { showForm?: bool
     )
   if (isWaitList)
     return (
-      <>
-        <WaitListForm
-          desc={
-            <Text fontSize={12} color={theme.subText} lineHeight={'16px'}>
-              <Trans>
-                Hey! You&apos;re on our waitlist but your slot hasn&apos;t opened up yet. Jump the queue by referring
-                others to KyberAI.
-              </Trans>
-            </Text>
-          }
-        />
-        {renderVerifyModal()}
-      </>
+      <WaitListForm
+        desc={
+          <Text fontSize={12} color={theme.subText} lineHeight={'16px'}>
+            <Trans>
+              Hey! You&apos;re on our waitlist but your slot hasn&apos;t opened up yet. Jump the queue by referring
+              others to KyberAI.
+            </Trans>
+          </Text>
+        }
+      />
     )
 
-  return (
-    <>
-      <SubscribeForm showVerify={showVerify} />
-      {renderVerifyModal()}
-    </>
-  )
+  return <SubscribeForm />
 }