Added abandon popup

src/components/Navbar.tsx

@@ -9,10 +9,11 @@ interface Props {
 	user: User;
 	navDisabled?: boolean;
 	focusMode?: boolean;
+	onFocusLayerMouseEnter?: Function;
 }
 
 /* eslint-disable @next/next/no-img-element */
-export default function Navbar({user, navDisabled = false, focusMode = false}: Props) {
+export default function Navbar({user, navDisabled = false, focusMode = false, onFocusLayerMouseEnter}: Props) {
 	const disableNavigation = preventNavigation(navDisabled, focusMode);
 
 	return (
@@ -25,7 +26,7 @@ export default function Navbar({user, navDisabled = false, focusMode = false}: P
 					<span className="text-right">{user.name}</span>
 				</Link>
 			</div>
-			{focusMode && <FocusLayer/>}
+			{focusMode && <FocusLayer onFocusLayerMouseEnter={onFocusLayerMouseEnter}/>}
 		</header>
 	);
 }