chore: change passport update interval to 2 blocks

Author: caiolima-stage

src/App.tsx

@@ -20,6 +20,7 @@ import ConfigDevice from './pages/ConfigDevice';
 import Passcode from './pages/Passcode';
 import { getServerIpAddress } from "./api";
 import { parseQueryParams } from "./utils/utils";
+import Transfer from './pages/Transfer';
 
 global.Buffer = require('buffer').Buffer;
 
@@ -74,7 +75,7 @@ function App() {
 
       const profiles = await createOrGetWallet(secretPhrase);
       setProfiles(profiles);
-      listenProfileVer(setProfiles, setActivePassport);
+      listenProfileVer(setProfiles, setActivePassport, handlePassport);
 
       getAllNodes(allRegions, setClosestRegion, (allNodes: nodes_info[]) => {
         setaAllNodes(allNodes)
@@ -90,10 +91,6 @@ function App() {
     };
 
     init();
-
-    const interval = setInterval(handlePassport, 15000);
-
-    return () => clearInterval(interval);
   }, []);
 
   useEffect(() => {
@@ -130,6 +127,7 @@ function App() {
           <Route path="/languages" element={<Languages />}></Route>
           <Route path="/applications" element={<Applications />}></Route>
           <Route path="/subscription" element={<Subscription />}></Route>
+          <Route path="/transfer" element={<Transfer />}></Route>
           <Route path="/support" element={<Support />}></Route>
           <Route path="/" element={<Home />}></Route>
         </Routes>

src/components/AccountList/index.tsx

@@ -152,7 +152,7 @@ export default function AccountList({ showMainWallet = true, simplifiedView = fa
                   <div className="info-wrapper">
                     <p>Silent Pass Passport</p>
                     <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '8px', width: '100%' }}>
-                      {profiles?.[0]?.silentPassPassports
+                      {(profiles?.[0]?.silentPassPassports && profiles?.[0]?.activePassport)
                         ? [...profiles?.[0]?.silentPassPassports]
                           .sort((a: any, b: any) => {
                             const isAActive = a?.nftID === activePassport?.nftID;

src/components/SwapInput/index.css

@@ -25,7 +25,7 @@
 
 .account-wrapper.active {
   /* should create the animation */
-  height: 480px;
+  height: 540px;
 }
 
 .solana.account-wrapper.active {

src/pages/Transfer/index.css

@@ -0,0 +1,9 @@
+import './index.css';
+
+export default function Transfer() {
+  return (
+    <div className="page-container">
+      
+    </div>
+  )
+}

src/pages/Transfer/index.tsx

@@ -26,7 +26,8 @@ let epoch = 0;
 
 const listenProfileVer = async (
   _setProfiles: (profiles: profile[]) => void,
-  _setActivePassport: (profiles: freePassport) => void
+  _setActivePassport: (profiles: freePassport) => void,
+  _updateCurrentPassport: () => Promise<void>,
 ) => {
   epoch = await conetProvider.getBlockNumber();
 
@@ -64,6 +65,10 @@ const listenProfileVer = async (
 
         setProcessingBlock(false);
       }
+
+      if (block % 2 === 0) {
+        await _updateCurrentPassport();
+      }
     }
   });