Function CommentBox

packages/shared/src/components/comments/CommentBox.tsx:22–83

({
  post,
  comment,
  origin,
  parentId,
  onComment,
  onShare,
  onDelete,
  onEdit,
  onShowUpvotes,
  isModalThread = false,
  threadRepliesControl,
  children,
  ...props
}: CommentBoxProps)

}

function CommentBox({
  post,
  comment,
  origin,
  parentId,
  onComment,
  onShare,
  onDelete,
  onEdit,
  onShowUpvotes,
  isModalThread = false,
  threadRepliesControl,
  children,
  ...props
}: CommentBoxProps): ReactElement {
  const { logEvent } = useLogContext();
  const { ref: inViewRef, inView } = useInView({
    threshold: 0.5,
  });
  useEffect(() => {
    if (inView) {
      logEvent(
        postLogEvent(LogEvent.ImpressionComment, post, {
          extra: { commentId: comment.id },
        }),
      );
    }
  }, [inView, comment, logEvent, post]);

  return (
    <>
      <span ref={inViewRef} />
      <CommentContainer
        post={post}
        comment={comment}
        actions={
          <CommentActionButtons
            post={post}
            comment={comment}
            origin={origin}
            parentId={parentId ?? null}
            onShare={onShare}
            onComment={onComment}
            onDelete={onDelete}
            onEdit={onEdit}
            onShowUpvotes={onShowUpvotes}
            isModalThread={isModalThread}
            threadRepliesControl={threadRepliesControl}
            className={
              isModalThread
                ? 'pointer-events-auto mt-1 w-full gap-0.5'
                : 'pointer-events-auto mt-3'
            }
          />
        }
        {...props}
      >
        {children}