Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 35 | 58x 252x 252x 49x 49x 3x 3x 252x 4x 4x 4x 1x 1x 252x |
import { useEffect, useRef } from "react";
import { NiceModalHandler } from "@ebay/nice-modal-react";
//this logic needs to handle the animation of the side panel on close
export const useHideAndRemoveModal = (
modal: NiceModalHandler,
timeout = 300
) => {
const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
useEffect(() => {
return () => {
if (timeoutRef.current) {
clearTimeout(timeoutRef.current);
timeoutRef.current = null;
}
};
}, []);
const hideAndRemove = () => {
Iif (!modal) return;
modal.hide();
timeoutRef.current = setTimeout(() => {
modal.remove();
timeoutRef.current = null;
}, timeout);
};
return { hideAndRemove };
};
|