update useElven

components/tools/LoginComponent.tsx

@@ -1,7 +1,7 @@
 // Login component wraps all auth services in one place
 // You can always use only one of them if needed
 import { useCallback, memo, useState } from 'react';
-import { Box, Stack } from '@chakra-ui/react';
+import { Box, Stack, Text } from '@chakra-ui/react';
 import { useLogin, LoginMethodsEnum } from '@useelven/core';
 import { WalletConnectQRCode } from './WalletConnectQRCode';
 import { WalletConnectPairings } from './WalletConnectPairings';
@@ -21,7 +21,6 @@ export const LoginComponent = memo(() => {
     walletConnectPairingLogin,
     walletConnectPairings,
     walletConnectRemovePairing,
-    setLoggingInState,
   } = useLogin({ token: 'token_just_for_testing_purposes' });
 
   const [loginMethod, setLoginMethod] = useState<LoginMethodsEnum>();
@@ -42,17 +41,13 @@ export const LoginComponent = memo(() => {
     setLoginMethod(undefined);
   }, []);
 
-  const backToOptions = useCallback(() => {
-    setLoggingInState('error', '');
-  }, [setLoggingInState]);
-
   if (error)
     return (
       <Stack>
         <Box textAlign="center">{error}</Box>
-        <ActionButton isFullWidth onClick={backToOptions}>
-          Back
-        </ActionButton>
+        <Text textAlign="center" pt={4} fontWeight={700}>
+          Close and try again
+        </Text>
       </Stack>
     );