Function useLazyModal

packages/shared/src/hooks/useLazyModal.ts:15–48

()

let scrollPosition = 0;

export function useLazyModal<
  K extends keyof ModalsType,
  T extends LazyModalType<K> = LazyModalType<K>,
>(): UseLazyModal<K, T> {
  const client = useQueryClient();
  const { data: modal } = useQuery({
    queryKey: MODAL_KEY,
    queryFn: () => client.getQueryData<T>(MODAL_KEY),
    enabled: false,
  });
  const openModal = useCallback(
    (data: T) => {
      scrollPosition = window.scrollY;

      client.setQueryData(MODAL_KEY, data);
    },
    [client],
  );
  const closeModal = useCallback(() => {
    window.scrollTo(0, scrollPosition);
    scrollPosition = 0;

    client.setQueryData(MODAL_KEY, null);
  }, [client]);

  return useMemo(
    () => ({
      openModal,
      closeModal,
      modal: modal as T,
    }),
    [openModal, closeModal, modal],
  );
}