Function PostComments

packages/shared/src/components/post/PostComments.tsx:60–170

({
  post,
  origin,
  sortBy,
  isComposerOpen = false,
  onShare,
  onClickUpvote,
  modalParentSelector,
  permissionNotificationCommentId,
  joinNotificationCommentId,
  className = {},
  onCommented,
  removeTopSpacing = false,
}: PostCommentsProps)

const noopShowUpvotes = (): void => {};

export function PostComments({
  post,
  origin,
  sortBy,
  isComposerOpen = false,
  onShare,
  onClickUpvote,
  modalParentSelector,
  permissionNotificationCommentId,
  joinNotificationCommentId,
  className = {},
  onCommented,
  removeTopSpacing = false,
}: PostCommentsProps): ReactElement {
  const { id } = post;
  const container = useRef<HTMLDivElement | null>(null);
  const isModalThread = threadCommentOrigins.has(origin);
  const { tokenRefreshed } = useContext(AuthContext);
  const { requestMethod } = useRequestProtocol();
  const queryKey = generateCommentsQueryKey({ postId: id, sortBy });
  const { data: comments, isLoading: isLoadingComments } =
    useQuery<PostCommentsData>({
      queryKey,

      queryFn: (): Promise<PostCommentsData> =>
        requestMethod(
          POST_COMMENTS_QUERY,
          { postId: id, [initialDataKey]: comments, first: 500, sortBy },
          { requestKey: JSON.stringify(queryKey) },
        ),
      enabled: !!id && tokenRefreshed,
      refetchInterval: 60 * 1000,
      refetchOnWindowFocus: false,
    });

  useCommentContentPreferenceMutationSubscription({ queryKey });

  const { hash: commentHash } = globalThis?.window?.location || {};
  const commentsCount = comments?.postComments?.edges?.length || 0;
  const commentRef = useRef<HTMLElement | null>(null);
  const { deleteComment } = useDeleteComment();

  const [scrollToComment, setScrollToComment] = useState(!!commentHash);
  useEffect(() => {
    if (commentsCount > 0 && scrollToComment && commentRef.current) {
      commentRef.current.scrollIntoView({ block: 'center', inline: 'nearest' });
      setScrollToComment(false);
    }
  }, [commentsCount, scrollToComment]);

  if (isLoadingComments || isNullOrUndefined(comments)) {
    return <PlaceholderCommentList placeholderAmount={post.numComments} />;
  }

  if (commentsCount === 0) {
    return (
      <CharmEmptyState
        className="mb-12 mt-8"