Refresh the UI on window focus

Author: youknowriad

src/hooks/use-certificate-trust.ts

@@ -1,33 +1,34 @@
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useWindowListener } from 'src/hooks/use-window-listener';
 import { getIpcApi } from 'src/lib/get-ipc-api';
 
 /**
  * Custom hook that checks if the Studio CA certificate is trusted on the system
  * @returns A boolean indicating if the certificate is trusted
  */
 export function useCertificateTrust(): boolean {
+	const isMounted = useRef( true );
 	const [ isTrusted, setIsTrusted ] = useState< boolean >( false );
 
-	useEffect( () => {
-		let isMounted = true;
-
-		const checkCertificateTrust = async () => {
-			try {
-				const trusted = await getIpcApi().isCATrusted();
-				if ( isMounted ) {
+	const checkCertificateTrust = useCallback( () => {
+		getIpcApi()
+			.isCATrusted()
+			.then( ( trusted ) => {
+				if ( isMounted.current ) {
 					setIsTrusted( trusted );
 				}
-			} catch ( error ) {
-				console.error( 'Error checking certificate trust status:', error );
-			}
-		};
+			} );
+	}, [ setIsTrusted ] );
 
-		checkCertificateTrust();
+	useWindowListener( 'focus', checkCertificateTrust );
 
+	useEffect( () => {
+		isMounted.current = true;
+		checkCertificateTrust();
 		return () => {
-			isMounted = false;
+			isMounted.current = false;
 		};
-	}, [] );
+	}, [ checkCertificateTrust ] );
 
 	return isTrusted;
 }