From 880980ca580efc08c0b7dd8f07324dba48b2f80c Mon Sep 17 00:00:00 2001
From: teodorus-nathaniel <nathankurnia26@gmail.com>
Date: Tue, 28 Nov 2023 19:08:35 +0700
Subject: [PATCH] Fix wrong var used

---
 src/components/auth/LoginModal/LoginModalContent.tsx | 8 ++++----
 src/components/chats/ChatForm.tsx                    | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/auth/LoginModal/LoginModalContent.tsx b/src/components/auth/LoginModal/LoginModalContent.tsx
index 5a76271a0..76c8f232e 100644
--- a/src/components/auth/LoginModal/LoginModalContent.tsx
+++ b/src/components/auth/LoginModal/LoginModalContent.tsx
@@ -17,9 +17,9 @@ import { ModalFunctionalityProps } from '@/components/modals/Modal'
 import ProfilePreview from '@/components/ProfilePreview'
 import Toast from '@/components/Toast'
 import useLoginAndRequestToken from '@/hooks/useLoginAndRequestToken'
+import useLoginOptions from '@/hooks/useLoginOptions'
 import useSignMessageAndLinkEvmAddress from '@/hooks/useSignMessageAndLinkEvmAddress'
 import useToastError from '@/hooks/useToastError'
-import useWithoutAnonLoginOptions from '@/hooks/useWithoutAnonLoginOptions'
 import { ApiRequestTokenResponse } from '@/pages/api/request-token'
 import { useRequestToken } from '@/services/api/mutation'
 import { useSendEvent } from '@/stores/analytics'
@@ -71,7 +71,7 @@ export const LoginContent = ({
 }: ContentProps) => {
   const [hasStartCaptcha, setHasStartCaptcha] = useState(false)
   const sendEvent = useSendEvent()
-  const { withoutAnonLoginOptions } = useWithoutAnonLoginOptions()
+  const { isNonAnonLoginRequired } = useLoginOptions()
 
   const {
     mutateAsync: loginAndRequestToken,
@@ -93,7 +93,7 @@ export const LoginContent = ({
         <div
           className={cx(
             'flex flex-col gap-4',
-            withoutAnonLoginOptions && 'pb-4'
+            isNonAnonLoginRequired && 'pb-4'
           )}
         >
           <Button
@@ -118,7 +118,7 @@ export const LoginContent = ({
               Enter Grill secret key
             </div>
           </Button>
-          {!withoutAnonLoginOptions && (
+          {!isNonAnonLoginRequired && (
             <>
               <Button
                 type='button'
diff --git a/src/components/chats/ChatForm.tsx b/src/components/chats/ChatForm.tsx
index 0f68b152a..2f5109437 100644
--- a/src/components/chats/ChatForm.tsx
+++ b/src/components/chats/ChatForm.tsx
@@ -4,9 +4,9 @@ import TextArea, { TextAreaProps } from '@/components/inputs/TextArea'
 import EmailSubscribeModal from '@/components/modals/EmailSubscribeModal'
 import { ERRORS } from '@/constants/error'
 import useAutofocus from '@/hooks/useAutofocus'
+import useLoginOptions from '@/hooks/useLoginOptions'
 import useRequestTokenAndSendMessage from '@/hooks/useRequestTokenAndSendMessage'
 import { showErrorToast } from '@/hooks/useToastError'
-import useWithoutAnonLoginOptions from '@/hooks/useWithoutAnonLoginOptions'
 import { useConfigContext } from '@/providers/ConfigProvider'
 import { getPostQuery } from '@/services/api/query'
 import {
@@ -92,7 +92,7 @@ export default function ChatForm({
   const messageToEdit = useMessageData((state) => state.messageToEdit)
   const clearAction = useMessageData((state) => state.clearAction)
   const setMessageBody = useMessageData((state) => state.setMessageBody)
-  const { withoutAnonLoginOptions } = useWithoutAnonLoginOptions()
+  const { isNonAnonLoginRequired } = useLoginOptions()
 
   const { data: editedMessage } = getPostQuery.useQuery(messageToEdit, {
     enabled: !!messageToEdit,
@@ -225,7 +225,7 @@ export default function ChatForm({
       return
     }
 
-    const willOpenLoginModal = withoutAnonLoginOptions && !isLoggedIn
+    const willOpenLoginModal = isNonAnonLoginRequired && !isLoggedIn
     if (!hasSentMessageStorage.get() && !willOpenLoginModal) {
       setTimeout(() => {
         setIsOpenCtaModal(true)