Implement favourite asset loader screen

Display a loader whilst the chosen favourite asset's details are retrieved from the bitshares blockchain, rather than the main menu.
BTS-CM · Jan 16, 2023 · cc6574c · cc6574c
1 parent adf21d8
commit cc6574c
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 20 deletions.
diff --git a/public/preload.js b/public/preload.js
@@ -118,21 +118,4 @@ window.electron = {
         });
         return translations;
     }
-}
-
-/*
-contextBridge.exposeInMainWorld(
-    "electron",
-    {
-        testConnection: async (url) => {
-            return _testConnection(url);
-        },
-        openURL: async (target) => {
-            return _openURL(target);
-        },
-        openDEX: async (args) => {
-            return _openDEX(args);
-        }
-    }
-);
-*/
+}
diff --git a/src/components/blockchain/Favourites.jsx b/src/components/blockchain/Favourites.jsx
@@ -19,6 +19,8 @@ export default function Favourites(properties) {
   let environment = appStore((state) => state.environment);
   const relevantChain = environment === 'production' ? 'BTS' : 'BTS_TEST';
 
+  const [inProgress, setInProgress] = useState(false);
+
   function goBack() {
     setMode();
   }
@@ -28,8 +30,10 @@ export default function Favourites(properties) {
    * @param {String} assetID
    */
   async function chosenAsset(assetID) {
+    setInProgress(true);
     if (!assetID.includes('1.3.')) {
       console.log('invalid ID');
+      setInProgress(false);
       return;
     }
     console.log('chosen favourite' + assetID);
@@ -39,15 +43,18 @@ export default function Favourites(properties) {
       searchResult = await fetchObject(nodes[0], assetID);
     } catch (error) {
       console.log(error);
+      setInProgress(false);
       return;
     }
 
     if (!searchResult || !searchResult.length) {
       console.log({msg: "Couldn't find account", account});
+      setInProgress(false);
       return;
     }
 
     setAsset(searchResult[0]);
+    setInProgress(false);
     setMode();
   }
 
@@ -123,6 +130,18 @@ export default function Favourites(properties) {
                           })
                       : null;
 
+  if (inProgress) {
+    return (
+      <Col span={12}>
+        <Paper padding="sm" shadow="xs">
+          <Box mx="auto" sx={{padding: '10px'}}>
+            <Loader size="lg" />
+          </Box>
+        </Paper>
+      </Col>
+    );
+  }
+
   return (
     <Col span={12}>
       <Paper padding="sm" shadow="xs">

diff --git a/src/lib/states.js b/src/lib/states.js
@@ -1,4 +1,3 @@
-import i18next from 'i18next';
 import { create } from 'zustand'
 import { persist } from 'zustand/middleware'
 import { connect, checkBeet, link } from 'beet-js';

diff --git a/src/localization/index.js b/src/localization/index.js
@@ -2,7 +2,6 @@ import i18next from 'i18next';
 import { initReactI18next } from "react-i18next";
 import { localePreferenceStore } from '../lib/states';
 
-const languages = ['en','da', 'de', 'et', 'es', 'fr', 'it', 'ja', 'ko', 'pt', 'th'];
 const pages = [
     'beet',
     'blockchain',