Function AdAsComment

packages/shared/src/components/comments/AdAsComment.tsx:31–149

({ postId }: AdAsCommentProps)

  postId: string;
}
export const AdAsComment = ({ postId }: AdAsCommentProps): ReactElement => {
  const { logEvent } = useLogContext();
  const { user } = useAuthContext();
  const { isPlus } = usePlusSubscription();

  const {
    data: ad,
    refetch,
    isFetching,
    isRefetching,
  } = useAdQuery({
    placement: AdPlacement.PostComment,
    queryKey: generateQueryKey(RequestKey.Ads, user, postId),
    staleTime: StaleTime.OneHour,
  });

  const onAdAction = useCallback(
    (action: AdActions, extra?: Record<string, unknown>) => {
      if (!ad) {
        return;
      }
      logEvent(
        adLogEvent(action, ad, {
          extra: {
            origin: 'post page',
            ...extra,
          },
        }),
      );
    },
    [logEvent, ad],
  );

  const onViewable = useCallback(
    (data: ViewabilityData) =>
      onAdAction(AdActions.Viewable, viewabilityLogExtra(data)),
    [onAdAction],
  );

  const promotedText = useScrambler(
    !ad ? undefined : `Promoted by ${ad.source}`,
  );

  const onRefreshClick = useCallback(async () => {
    onAdAction(AdActions.Refresh);
    await refetch();
  }, [onAdAction, refetch]);

  useEffect(() => {
    if (!ad || ad?.impressionStatus === ImpressionStatus.LOGGED) {
      return;
    }

    onAdAction(AdActions.Impression);
    ad.impressionStatus = ImpressionStatus.LOGGED;
  }, [ad, onAdAction]);

  if (isFetching && !isRefetching) {