Feature/registration nag screen 336

src/components/Header.tsx

@@ -117,6 +117,7 @@ const Header = () => {
 			}
 		};
 
+
 		// Fetching health status information at mount
 		loadHealthStatus().then(r => console.info(r));
 		// Fetch health status every minute
@@ -132,6 +133,19 @@ const Header = () => {
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, []);
 
+	useEffect(() => {
+  			if (!user) { return; }
+
+  			const isAdmin = user.isAdmin || user.isOrgAdmin;
+	        const isLocalhost = window.location.hostname === "localhost";
+  			const lastDismissed = localStorage.getItem("adopterModalDismissed");
+  			const THIRTY_DAYS = 30 * 24 * 60 * 60 * 1000;
+  			const dismissedLongEnough = !lastDismissed || Date.now() - parseInt(lastDismissed) > THIRTY_DAYS;
+
+  			if (isAdmin && !isLocalhost && dismissedLongEnough) {
+  			  showRegistrationModal();
+  			}
+			}, [user]);
 	return (
 		<>
 			<header className="primary-header">

src/components/shared/RegistrationModal.tsx

@@ -33,7 +33,11 @@ const RegistrationModal = ({
 		<Modal
 			header={t("ADOPTER_REGISTRATION.MODAL.CAPTION")}
 			classId="registration-modal"
-			className="modal modal-animation"
+			className="modal active modal-open modal-animation"
+			closeCallback={() => {
+			localStorage.setItem("adopterModalDismissed", Date.now().toString());
+  			return true;
+			}}
 			ref={modalRef}
 		>
 			<RegistrationModalContent />