frontend/frame: load secret in frame component.

This ensures that a spinner is shown all the time.

Author: ffreddow

frontend/src/components/Frame.tsx

@@ -3,7 +3,7 @@ import { Message, MessageType, SetupMessage } from '../types';
 import Worker from '../worker?worker'
 import { Row, Spinner } from 'react-bootstrap';
 import { setAppNavigation } from './Navbar';
-import { enableLogging, refresh_access_token, secret } from '../utils';
+import { enableLogging, get_decrypted_secret, secret } from '../utils';
 import Median from "median-js-bridge";
 import i18n from '../i18n';
 import { ChargersState } from '../pages/chargers';
@@ -87,7 +87,10 @@ class VirtualNetworkInterface {
     }
 
     // This waits for the Worker to be done with the setup
-    setupHandler(e: MessageEvent) {
+    async setupHandler(e: MessageEvent) {
+        if (!secret) {
+            await get_decrypted_secret();
+        }
         if (e.data === "started") {
             this.worker.onmessage = (e) => this.handleWorkerMessage(e);
             const message_data: SetupMessage = {

frontend/src/pages/chargers.tsx

@@ -41,10 +41,7 @@ export function ChargerList() {
     const [loaded, setLoaded] = useState(false);
 
     if (Median.isNativeApp() && !loaded) {
-        setTimeout(async () => {
-            if (!secret) {
-                await get_decrypted_secret();
-            }
+        setTimeout(() => {
             const currentConnection = sessionStorage.getItem("currentConnection");
             try {
                 const currentConnectionObject: ChargersState = JSON.parse(currentConnection);