fix(login): use const and make sure to clear timeout always

src/pages/nostr/index.tsx

@@ -25,8 +25,8 @@ import { NIP05_REGEX } from '../../constants'
 import styles from './styles.module.scss'
 
 import { TimeoutError } from '../../types/errors/TimeoutError'
-const EXTENSION_LOGIN_DELAY_SECONDS = 2
+const EXTENSION_LOGIN_DELAY_SECONDS = 5
-const EXTENSION_LOGIN_TIMEOUT_SECONDS = EXTENSION_LOGIN_DELAY_SECONDS + 10
+const EXTENSION_LOGIN_TIMEOUT_SECONDS = EXTENSION_LOGIN_DELAY_SECONDS + 55
 
 export const Nostr = () => {
   const [searchParams] = useSearchParams()
@@ -77,11 +77,12 @@ export const Nostr = () => {
   }
 
   const loginWithExtension = async () => {
+    let waitTimeout: number | undefined
     try {
       // Wait EXTENSION_LOGIN_DELAY_SECONDS before showing extension delay message
-      const waitTimeout = window.setTimeout(() => {
+      waitTimeout = window.setTimeout(() => {
         setIsExtensionSlow(true)
-      }, 2000)
+      }, EXTENSION_LOGIN_DELAY_SECONDS * 1000)
 
       setIsLoading(true)
       setLoadingSpinnerDesc('Capturing pubkey from nostr extension')
@@ -96,7 +97,6 @@ export const Nostr = () => {
       ])
 
       if (redirectPath) {
-        window.clearTimeout(waitTimeout)
         navigateAfterLogin(redirectPath)
       }
     } catch (error) {
@@ -106,6 +106,9 @@ export const Nostr = () => {
         toast.error('Error capturing public key from nostr extension: ' + error)
       }
     } finally {
+      // Clear the wait timeout so we don't change the state unnecessarily
+      window.clearTimeout(waitTimeout)
+
       setIsLoading(false)
       setLoadingSpinnerDesc('')
       setIsExtensionSlow(false)
@@ -375,13 +378,21 @@ export const Nostr = () => {
         <LoadingSpinner desc={loadingSpinnerDesc}>
           {isExtensionSlow && (
             <>
-              <p>Extension is not responding</p>
+              <p>
+                Your nostr extension is not responding. Check these
+                alternatives:{' '}
+                <a href="https://github.com/aljazceru/awesome-nostr?tab=readme-ov-file#nip-07-browser-extensions">
+                  https://github.com/aljazceru/awesome-nostr
+                </a>
+              </p>
+              <br />
               <Button
                 fullWidth
                 variant="contained"
                 onClick={() => {
                   setLoadingSpinnerDesc('')
                   setIsLoading(false)
+                  setIsExtensionSlow(false)
                 }}
               >
                 Close