chore: fix qr login connection check

package.json

@@ -1,6 +1,6 @@
 {
     "name": "app",
-    "version": "0.1.6.1",
+    "version": "0.1.6.2",
     "private": true,
     "dependencies": {
         "@apollo/react-hooks": "^3.1.3",

src/components/auth/views/QRLogin.tsx

@@ -127,8 +127,9 @@ export const QRLogin = ({ handleSet }: QRLoginProps) => {
                 return (
                     <QRTextWrapper>
                         <SubTitle>
-                            Make sure you have given ThunderHub the correct
-                            permissions to use the camara.
+                            Make sure you have a camara available and that you
+                            have given ThunderHub the correct permissions to use
+                            it.
                         </SubTitle>
                     </QRTextWrapper>
                 );

src/components/connectionCheck/ConnectionCheck.tsx

@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import {
     useConnectionState,
     useConnectionDispatch,
@@ -18,16 +19,19 @@ export const ConnectionCheck = () => {
         cert,
     );
 
-    useQuery(GET_CAN_CONNECT, {
+    const { data, loading } = useQuery(GET_CAN_CONNECT, {
         variables: { auth },
         skip: connected || !loggedIn,
         onError: () => {
             dispatch({ type: 'error' });
         },
-        onCompleted: () => {
-            dispatch({ type: 'connected' });
-        },
     });
 
+    useEffect(() => {
+        if (!loading && data && data.getNodeInfo) {
+            dispatch({ type: 'connected' });
+        }
+    }, [data, loading]);
+
     return null;
 };

src/context/ConnectionContext.tsx

@@ -20,7 +20,6 @@ const stateReducer = (state: State, action: ActionType) => {
         case 'connected':
             return { connected: true, loading: false, error: false };
         case 'loading':
-            return { connected: false, loading: true, error: false };
         case 'disconnected':
             return { connected: false, loading: true, error: false };
         default:

src/views/settings/Account.tsx

@@ -57,6 +57,12 @@ export const AccountSettings = () => {
                 >
                     BTCPayServer Info
                 </SingleButton>
+                <SingleButton
+                    selected={isType === 'qrcode'}
+                    onClick={() => setIsType('qrcode')}
+                >
+                    QR Code
+                </SingleButton>
             </MultiButton>
         </SingleLine>
     );
@@ -71,14 +77,21 @@ export const AccountSettings = () => {
                         {getStorageSaved().map((entry, index) => {
                             return (
                                 <SingleButton
+                                    key={index}
                                     selected={
                                         name.localeCompare(entry.name) === 0
                                     }
                                     onClick={() => {
-                                        dispatch({ type: 'disconnected' });
-                                        dispatchState({ type: 'disconnected' });
-                                        changeAccount(entry.index);
-                                        push('/');
+                                        if (
+                                            name.localeCompare(entry.name) !== 0
+                                        ) {
+                                            dispatch({ type: 'disconnected' });
+                                            dispatchState({
+                                                type: 'disconnected',
+                                            });
+                                            changeAccount(entry.index);
+                                            push('/');
+                                        }
                                     }}
                                 >
                                     {entry.name}

src/views/settings/Current.tsx

@@ -35,9 +35,7 @@ export const CurrentSettings = () => {
         return (
             <>
                 <Sub4Title>{title}</Sub4Title>
-                <CurrentField rows={rows ?? 3} readOnly={true}>
-                    {field}
-                </CurrentField>
+                <CurrentField rows={rows ?? 3} readOnly={true} value={field} />
             </>
         );
     };