function Comment()

in src/components/comment/comment.tsx [31:140]
103 lines of code
12 McCabe index (conditional complexity)

function Comment(props: Props) {
  const renderDeletedComment = () => {
    const {
      onRestore,
      onDeletePermanently,
      canRestore,
      canDeletePermanently,
    } = props;
    return (
      <>
        <View>
          <Text style={styles.deletedCommentText}>
            {i18n('Comment deleted')}
          </Text>
        </View>

        {Boolean(canRestore || canDeletePermanently) && (
          <View style={styles.actions}>
            <Text>
              {canRestore && (
                <Text onPress={onRestore} style={styles.actionLink}>
                  {i18n('Restore')}
                </Text>
              )}
              {canDeletePermanently && (
                <Text style={styles.text}>{i18n(' or ')}</Text>
              )}
              {canDeletePermanently && (
                <Text onPress={onDeletePermanently} style={styles.actionLink}>
                  {i18n('Delete permanently')}
                </Text>
              )}
            </Text>
          </View>
        )}
      </>
    );
  };

  const renderMarkdown = () => {
    if (props.comment.hasEmail || isPureHTMLBlock(props.comment.text)) {
      return <HTML html={prepareHTML(props.comment.text)} />;
    }

    return (
      <MarkdownView
        mentions={{
          articles: comment.mentionedArticles,
          issues: comment.mentionedIssues,
          users: comment.mentionedUsers,
      }}
        textStyle={markdownText}
        testID="commentMarkdown"
        attachments={props.attachments}
        onCheckboxUpdate={(checked: boolean, position: number) =>
          props.onCheckboxUpdate && props.onCheckboxUpdate(checked, position)
        }
      >
        {props.comment.text}
      </MarkdownView>
    );
  };

  const renderComment = () => {
    const {comment, onLongPress} = props;
    return (
      <TouchableWithoutFeedback delayLongPress={280} onLongPress={onLongPress}>
        <View testID={comment.deleted ? 'commentDeleted' : 'commentMarkdown'}>
          {comment.deleted && renderDeletedComment()}
          {!comment.deleted && renderMarkdown()}
        </View>
      </TouchableWithoutFeedback>
    );
  };

  const {comment, uiTheme, activitiesEnabled = true} = props;

  if (activitiesEnabled) {
    return renderComment();
  }

  const userPresentation: string = getEntityPresentation(comment?.author);
  return (
    <View testID="commentLegacy" style={styles.commentWrapper}>
      <Avatar
        userName={userPresentation}
        size={40}
        source={{
          uri: comment.author.avatarUrl,
        }}
      />
      <View style={styles.comment}>
        <Text>
          <Text testID="commentLegacyAuthor" style={styles.authorName}>
            {userPresentation}
          </Text>
          <Text
            style={{
              color: uiTheme.colors.$icon,
            }}
          >
            {' '}
            <StreamTimestamp timestamp={comment.created}/>
          </Text>
        </Text>
        <View style={styles.commentText}>{renderComment()}</View>
      </View>
    </View>
  );
}