File size: 815 Bytes
1067b6f | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | "use client";
import { PropsWithChildren, useCallback, useEffect } from "react";
import { useRouter } from "next/navigation";
import { XIcon } from "lucide-react";
export const QuickViewModalWrapper = (props: PropsWithChildren) => {
const router = useRouter();
const onKeyDown = useCallback(
(e: KeyboardEvent) => {
if (e.key === "Escape") {
router.back();
}
},
[router]
);
useEffect(() => {
document.addEventListener("keydown", onKeyDown);
return () => document.removeEventListener("keydown", onKeyDown);
}, [onKeyDown]);
return (
<div className="mb-2">
<div className="flex items-center justify-end gap-2">
<button onClick={() => router.back()}>
<XIcon />
</button>
</div>
{props.children}
</div>
);
};
|