Function useTopReaderModal

packages/shared/src/hooks/modals/useTopReaderModal.ts:7–28

()

import { Origin } from '../../lib/log';

export const useTopReaderModal = (): void => {
  const { query, replace } = useRouter();
  const { openModal } = useLazyModal();

  useEffect(() => {
    if (!query || !query.topreader || !query.badgeId) {
      return;
    }

    openModal({
      type: LazyModal.TopReaderBadge,
      props: {
        badgeId: query.badgeId as string,
        origin: Origin.NotificationsPage,
        onAfterClose: () => {
          const { origin, pathname } = window.location;
          replace(origin + pathname);
        },
      },
    });
  }, [openModal, query, replace]);
};