Function useViewPost

packages/shared/src/hooks/post/useViewPost.ts:9–43

()

import { isSameDayInTimezone } from '../../lib/timezones';

export const useViewPost = (): UseMutateAsyncFunction<
  unknown,
  unknown,
  string
> => {
  const client = useQueryClient();
  const { user } = useAuthContext();
  const streakKey = generateQueryKey(RequestKey.UserStreak, user);
  const readKey = generateQueryKey(RequestKey.ReadingStreak30Days, user);
  const { mutateAsync: onSendViewPost } = useMutation({
    mutationFn: sendViewPost,
    onSuccess: async () => {
      const streak = client.getQueryData<UserStreak>(streakKey);
      const isNewStreak = !streak?.lastViewAt;
      const isFirstViewToday =
        !isNewStreak &&
        !isSameDayInTimezone(
          new Date(streak!.lastViewAt!),
          new Date(),
          user!.timezone,
        );

      if (isNewStreak || isFirstViewToday) {
        await client.refetchQueries({ queryKey: streakKey });

        // just mark the query as stale
        await client.invalidateQueries({ queryKey: readKey });
      }

      return null;
    },
  });

  return onSendViewPost;
};