fix(UniversalAuth): go to login page when click enter button

thematters · Oct 11, 2023 · 713877a · 713877a
1 parent 37e04a6
commit 713877a
Showing 1 changed file with 28 additions and 7 deletions.
diff --git a/src/components/Buttons/UniversalAuth/index.tsx b/src/components/Buttons/UniversalAuth/index.tsx
@@ -1,11 +1,15 @@
 import React from 'react'
 
-import { CLOSE_ACTIVE_DIALOG, OPEN_UNIVERSAL_AUTH_DIALOG } from '~/common/enums'
-import { analytics } from '~/common/utils'
-import { Button, TextIcon, Translate } from '~/components'
+import {
+  CLOSE_ACTIVE_DIALOG,
+  OPEN_UNIVERSAL_AUTH_DIALOG,
+  PATHS,
+} from '~/common/enums'
+import { analytics, appendTarget } from '~/common/utils'
+import { Button, Media, TextIcon, Translate } from '~/components'
 
 export const UniversalAuthButton: React.FC = () => {
-  const props = {
+  const smUpProps = {
     onClick: () => {
       analytics.trackEvent('click_button', {
         type: 'login/signup',
@@ -15,6 +19,15 @@ export const UniversalAuthButton: React.FC = () => {
     },
   }
 
+  const smProps = {
+    ...appendTarget(PATHS.LOGIN, true),
+    onClick: () => {
+      analytics.trackEvent('click_button', {
+        type: 'login/signup',
+      })
+    },
+  }
+
   const ButtonText = () => (
     <TextIcon color="white" weight="md">
       <Translate id="authEntries" />
@@ -23,9 +36,17 @@ export const UniversalAuthButton: React.FC = () => {
 
   return (
     <>
-      <Button bgColor="green" spacing={['tight', 'base']} {...props}>
-        <ButtonText />
-      </Button>
+      <Media lessThan="lg">
+        <Button bgColor="green" spacing={['tight', 'base']} {...smProps}>
+          <ButtonText />
+        </Button>
+      </Media>
+
+      <Media greaterThanOrEqual="lg">
+        <Button bgColor="green" spacing={['tight', 'base']} {...smUpProps}>
+          <ButtonText />
+        </Button>
+      </Media>
     </>
   )
 }