Refresh user when navigating to Account Status

settings/src/components/screen-link.js

@@ -7,9 +7,13 @@ import { useCallback, useContext } from '@wordpress/element';
  * Internal dependencies
  */
 import { GlobalContext } from '../script';
+import { refreshRecord } from '../utilities/common';
 
 export default function ScreenLink( { screen, anchorText, buttonStyle = false, ariaLabel } ) {
-	const { navigateToScreen } = useContext( GlobalContext );
+	const {
+		user: { userRecord },
+		navigateToScreen,
+	} = useContext( GlobalContext );
 	const classes = [];
 	const screenUrl = new URL( document.location.href );
 
@@ -24,11 +28,19 @@ export default function ScreenLink( { screen, anchorText, buttonStyle = false, a
 	}
 
 	const onClick = useCallback(
-		( event ) => {
+		async ( event ) => {
 			event.preventDefault();
+
+			// Sometimes the record will have been updated, and those changes need to be reflected on Account
+			// Status, but it's not possible for the current screen to refresh the record. For example, Backup
+			// Codes can't refresh it if the user generates codes but then clicks "Back" before clicking "All Finished".
+			if ( 'account-status' === screen ) {
+				await refreshRecord( userRecord );
+			}
+
 			navigateToScreen( screen );
 		},
-		[ navigateToScreen ]
+		[ navigateToScreen, userRecord, screen ]
 	);
 
 	return (