Function useBanner

packages/shared/src/hooks/useBanner.ts:17–83

()

};

export function useBanner(): UseBanner {
  const { alerts, updateAlerts } = useContext(AlertContext);
  const { user, isLoggedIn } = useAuthContext();

  const { data: latestBanner } = useQuery({
    queryKey: generateQueryKey(RequestKey.Banner, null),
    queryFn: () =>
      gqlClient.request(BANNER_QUERY, { lastSeen: alerts.lastBanner }),
    enabled: !!alerts.banner,
  });

  const isHackathonBanner =
    latestBanner?.banner?.title === 'daily.dev Hackathon';

  const { data: hackathonParticipation, isPending } = useQuery({
    ...hackathonParticipationQueryOptions(user),
    enabled: isLoggedIn && isHackathonBanner,
  });

  const isAvailable = useMemo(() => {
    if (
      isHackathonBanner &&
      (isPending || !!hackathonParticipation?.whoami?.isHackathonParticipant)
    ) {
      return false;
    }

    const lastSeenBannerDate = Date.parse(alerts?.lastBanner);
    const latestBannerDate = Date.parse(latestBanner?.banner?.timestamp);

    if (Number.isNaN(latestBannerDate) || Number.isNaN(lastSeenBannerDate)) {
      return false;
    }

    return latestBannerDate > lastSeenBannerDate;
  }, [
    alerts?.lastBanner,
    hackathonParticipation?.whoami?.isHackathonParticipant,
    isHackathonBanner,
    isPending,
    latestBanner?.banner?.timestamp,
  ]);

  const dismissMutation = useMutation({
    mutationFn: () => {
      const currentDate = new Date();

      return updateAlerts({
        lastBanner: currentDate.toISOString(),
      });
    },
  });

  const dismiss = useCallback(async () => {
    if (dismissMutation.isPending) {
      return;
    }