fix: fix passport status indicator

Author: nicolastmaia

src/App.tsx

@@ -23,7 +23,7 @@ import { parseQueryParams } from "./utils/utils";
 global.Buffer = require('buffer').Buffer;
 
 function App() {
-  const { setProfiles, setMiningData, allRegions, setClosestRegion, setaAllNodes, setServerIpAddress, setServerPort, _vpnTimeUsedInMin } = useDaemonContext();
+  const { setProfiles, setMiningData, allRegions, setClosestRegion, setaAllNodes, setServerIpAddress, setServerPort, _vpnTimeUsedInMin, setActivePassportUpdated } = useDaemonContext();
 
   useEffect(() => {
     const handlePassport = async () => {
@@ -50,6 +50,7 @@ function App() {
       if (!CoNET_Data) return;
 
       setProfiles(CoNET_Data?.profiles);
+      setActivePassportUpdated(true);
     }
 
     const _getServerIpAddress = async () => {

src/components/MiningStatus/index.tsx

@@ -6,7 +6,7 @@ import Skeleton from '../Skeleton';
 const OneDayInSeconds = 86400;
 
 const MiningStatus = () => {
-  const { miningData, profiles, setIsPassportInfoOpen } = useDaemonContext();
+  const { miningData, profiles, setIsPassportInfoOpen, activePassportUpdated } = useDaemonContext();
   const [isMiningUp, setIsMiningUp] = useState<boolean>(false);
   const [passportTimeLeft, setPassportTimeLeft] = useState<number>(0);
 
@@ -22,7 +22,7 @@ const MiningStatus = () => {
       const timeLeft = passportExpiration - Math.floor(Date.now() / 1000)
       setPassportTimeLeft(timeLeft)
     }
-  }, [profiles])
+  }, [activePassportUpdated, profiles])
 
   const openPassportInfo = () => {
     setIsPassportInfoOpen(true)

src/providers/DaemonProvider.tsx

@@ -26,6 +26,8 @@ type DaemonContext = {
   _vpnTimeUsedInMin: React.MutableRefObject<number>
   isPassportInfoOpen: boolean
   setIsPassportInfoOpen: (val: boolean) => void
+  activePassportUpdated: boolean
+  setActivePassportUpdated: (val: boolean) => void
 };
 
 type DaemonProps = {
@@ -57,7 +59,9 @@ const defaultContextValue: DaemonContext = {
   setServerPac: () => { },
   _vpnTimeUsedInMin: { current: 0 },
   isPassportInfoOpen: false,
-  setIsPassportInfoOpen: () => { }
+  setIsPassportInfoOpen: () => { },
+  activePassportUpdated: false,
+  setActivePassportUpdated: () => { }
 };
 
 const Daemon = createContext<DaemonContext>(defaultContextValue);
@@ -81,6 +85,7 @@ export function DaemonProvider({ children }: DaemonProps) {
   const [serverPac, setServerPac] = useState<string>("");
   const _vpnTimeUsedInMin = useRef<number>(0);
   const [isPassportInfoOpen, setIsPassportInfoOpen] = useState<boolean>(false);
+  const [activePassportUpdated, setActivePassportUpdated] = useState<boolean>(false);
 
   useEffect(() => {
     {
@@ -91,7 +96,7 @@ export function DaemonProvider({ children }: DaemonProps) {
 
 
   return (
-    <Daemon.Provider value={{ sRegion, setSRegion, allRegions, setAllRegions, closestRegion, setClosestRegion, isRandom, setIsRandom, miningData, setMiningData, profiles, setProfiles, isMiningUp, setIsMiningUp, getAllNodes, setaAllNodes, serverIpAddress, setServerIpAddress, serverPort, setServerPort, serverPac, setServerPac, _vpnTimeUsedInMin, isPassportInfoOpen, setIsPassportInfoOpen }}>
+    <Daemon.Provider value={{ sRegion, setSRegion, allRegions, setAllRegions, closestRegion, setClosestRegion, isRandom, setIsRandom, miningData, setMiningData, profiles, setProfiles, isMiningUp, setIsMiningUp, getAllNodes, setaAllNodes, serverIpAddress, setServerIpAddress, serverPort, setServerPort, serverPac, setServerPac, _vpnTimeUsedInMin, isPassportInfoOpen, setIsPassportInfoOpen, activePassportUpdated, setActivePassportUpdated }}>
       {children}
     </Daemon.Provider>
   );