Function HashtagHeader has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

}> = ({ tagId }) => {
  const intl = useIntl();
  const { signedIn, permissions } = useIdentity();
  const dispatch = useAppDispatch();
  const [tag, setTag] = useState<ApiHashtagJSON>();

• Read up
  Read up

Function Follows has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

}> = ({ multiColumn }) => {
  const intl = useIntl();
  const dispatch = useAppDispatch();
  const isLoading = useAppSelector((state) => state.suggestions.isLoading);
  const suggestions = useAppSelector((state) => state.suggestions.items);

• Read up
  Read up

Function showAlertForError has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

export const showAlertForError = (error: unknown, skipNotFound = false) => {
  if (error instanceof AxiosError && error.response) {
    const { status, statusText, headers } = error.response;
    const { data } = error.response as AxiosResponse<ApiErrorResponse>;

• Read up
  Read up

Function EmbeddedStatusContent has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

}> = ({ content, mentions, language, className }) => {
  const history = useHistory();

  const handleContentRef = useCallback(
    (node: HTMLDivElement | null) => {

• Read up
  Read up

Function HashtagHeader has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

}> = ({ tagId }) => {
  const intl = useIntl();
  const { signedIn, permissions } = useIdentity();
  const dispatch = useAppDispatch();
  const [tag, setTag] = useState<ApiHashtagJSON>();

• Read up
  Read up

Function Follows has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

}> = ({ multiColumn }) => {
  const intl = useIntl();
  const dispatch = useAppDispatch();
  const isLoading = useAppSelector((state) => state.suggestions.isLoading);
  const suggestions = useAppSelector((state) => state.suggestions.items);

• Read up
  Read up

Function NewList has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

}> = ({ multiColumn }) => {
  const dispatch = useAppDispatch();
  const { id } = useParams<{ id?: string }>();
  const intl = useIntl();
  const history = useHistory();

• Read up
  Read up

Function render has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { click } = this.handlers;
    const {
      children,
      className,

Function render has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { errorType, multiColumn, stacktrace } = this.props;

    let title, body;

Function render has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { hasUnread, columnId, multiColumn } = this.props;
    const { id, local } = this.props.params;
    const pinned = !!columnId;

Function render has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { intl, hashtags, isLoading, hasMore, multiColumn } = this.props;

    const emptyMessage = <FormattedMessage id='empty_column.followed_tags' defaultMessage='You have not followed any hashtags yet. When you do, they will show up here.' />;

Function render has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { handleClick } = this;
    const {
      active,
      className,

Function ContentTypeButton has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const ContentTypeButton = () => {
  const intl = useIntl();

  const showButton = useAppSelector((state) => state.getIn(['local_settings', 'show_content_type_choice']));
  const contentType = useAppSelector((state) => state.getIn(['compose', 'content_type']));

Function makeGetStatus has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const makeGetStatus = () => {
  return createSelector(
    [
      (state, { id }) => state.getIn(['statuses', id]),
      (state, { id }) => state.getIn(['statuses', state.getIn(['statuses', id, 'reblog'])]),

Function render has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { intl, accountIds, hasMore, isLoading, multiColumn } = this.props;

    if (!accountIds) {
      return (

Function render has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { intl, accountIds, hasMore, isLoading, multiColumn } = this.props;

    if (!accountIds) {
      return (

Function render has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { status, intl, withOpenButton } = this.props;

    const publicStatus  = ['public', 'unlisted'].includes(status.get('visibility'));
    const reblogPrivate = status.getIn(['account', 'id']) === me && status.get('visibility') === 'private';

Function render has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { hasUnread, columnId, multiColumn } = this.props;
    const { id, local } = this.props.params;
    const pinned = !!columnId;

Function render has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { intl, hashtags, isLoading, hasMore, multiColumn } = this.props;

    const emptyMessage = <FormattedMessage id='empty_column.followed_tags' defaultMessage='You have not followed any hashtags yet. When you do, they will show up here.' />;

Function render has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { errorType, multiColumn, stacktrace } = this.props;

    let title, body;