Added abandon popup

src/components/Sidebar.tsx

@@ -14,6 +14,7 @@ interface Props {
 	path: string;
 	navDisabled?: boolean;
 	focusMode?: boolean;
+	onFocusLayerMouseEnter?: Function;
 }
 
 interface NavProps {
@@ -36,7 +37,7 @@ const Nav = ({Icon, label, path, keyPath, disabled = false}: NavProps) => (
 	</Link>
 );
 
-export default function Sidebar({path, navDisabled = false, focusMode = false }: Props) {
+export default function Sidebar({path, navDisabled = false, focusMode = false, onFocusLayerMouseEnter}: Props) {
 	const router = useRouter();
 
 	const logout = async () => {
@@ -68,7 +69,7 @@ export default function Sidebar({path, navDisabled = false, focusMode = false }:
 				<RiLogoutBoxFill size={20} />
 				<span className="text-lg font-medium">Log Out</span>
 			</div>
-			{focusMode && <FocusLayer />}
+			{focusMode && <FocusLayer onFocusLayerMouseEnter={onFocusLayerMouseEnter} />}
 		</section>
 	);
 }