Function SubComment

packages/shared/src/components/comments/SubComment.tsx:29–138

({
  comment,
  parentComment,
  className,
  onCommented,
  isModalThread = false,
  isFirst = false,
  isLast = false,
  extendTopConnector = false,
  ...props
}: SubCommentProps)

}

function SubComment({
  comment,
  parentComment,
  className,
  onCommented,
  isModalThread = false,
  isFirst = false,
  isLast = false,
  extendTopConnector = false,
  ...props
}: SubCommentProps): ReactElement {
  const { inputProps, commentId, onReplyTo } = useComments(props.post);
  const { inputProps: editProps, onEdit } = useEditCommentProps();

  return (
    <>
      {!editProps && (
        <CommentBox
          {...props}
          key={comment.id}
          parentId={parentComment.id}
          comment={comment}
          onEdit={({ id, lastUpdatedAt }) =>
            onEdit({
              commentId: id,
              lastUpdatedAt,
              parentCommentId: parentComment.id,
            })
          }
          className={{
            container: classNames(
              'relative',
              isModalThread &&
                'rounded-none bg-transparent px-0 py-2 hover:bg-transparent',
              isModalThread && !isLast && 'mb-1',
            ),
            content: classNames('ml-[52px]', isModalThread && 'mt-1'),
            markdown: classNames(
              isModalThread &&
                '!text-[0.9375rem] [&_a]:!text-[0.9375rem] [&_li]:!text-[0.9375rem] [&_li]:!leading-[1.55] [&_p]:!text-[0.9375rem] [&_p]:!leading-[1.55]',
            ),
          }}
          onComment={(selected, parent) =>
            onReplyTo({
              username: comment.author?.username ?? null,
              parentCommentId: parent,
              commentId: selected.id,
            })
          }
          isModalThread={isModalThread}
        >
          {!isModalThread && (
            <div
              className="absolute bottom-0 left-9 top-0 -ml-px w-0.5 bg-surface-float"
              data-testid="subcomment"
            />
          )}
          {isModalThread && (