Update account expiry fetch logic

2 files changed, 7 insertions, 8 deletions

diff --git a/gui/src/renderer/components/MainView.tsx b/gui/src/renderer/components/MainView.tsx
index 5a252c4d8b..9269013732 100644
--- a/gui/src/renderer/components/MainView.tsx
+++ b/gui/src/renderer/components/MainView.tsx
@@ -3,6 +3,7 @@ import { useEffect, useState } from 'react';
 import { hasExpired } from '../../shared/account-expiry';
 import { AuthFailedError, ErrorStateCause } from '../../shared/daemon-rpc-types';
 import Connect from '../components/Connect';
+import { useAppContext } from '../context';
 import { useHistory } from '../lib/history';
 import { RoutePath } from '../lib/routes';
 import { useSelector } from '../redux/store';
@@ -11,6 +12,7 @@ import ExpiredAccountErrorView from './ExpiredAccountErrorView';
 type ExpiryData = { show: false } | { show: true; expiry: string | undefined };
 
 export default function MainView() {
+  const { updateAccountData } = useAppContext();
   const history = useHistory();
   const accountExpiry = useSelector((state) => state.account.expiry);
   const accountHasExpired = accountExpiry !== undefined && hasExpired(accountExpiry);
@@ -24,6 +26,10 @@ export default function MainView() {
   );
 
   useEffect(() => {
+    updateAccountData();
+  }, []);
+
+  useEffect(() => {
     if (
       (!showAccountExpired.show || showAccountExpired.expiry !== accountExpiry) &&
       (accountHasExpired ||
diff --git a/gui/src/renderer/components/Settings.tsx b/gui/src/renderer/components/Settings.tsx
index ce84ae1661..01becd27b6 100644
--- a/gui/src/renderer/components/Settings.tsx
+++ b/gui/src/renderer/components/Settings.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useEffect } from 'react';
+import { useCallback } from 'react';
 
 import { colors, links } from '../../config.json';
 import { messages } from '../../shared/gettext';
@@ -22,13 +22,6 @@ import {
 
 export default function Support() {
   const history = useHistory();
-  const { updateAccountData } = useAppContext();
-
-  useEffect(() => {
-    if (history.action === 'PUSH') {
-      updateAccountData();
-    }
-  }, []);
 
   const loginState = useSelector((state) => state.account.status);
   const connectedToDaemon = useSelector((state) => state.userInterface.connectedToDaemon);