File DatabaseConnector.ts has 766 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { BBox } from 'geojson'
import { map, mapValues } from 'lodash'
import { DateTime } from 'luxon'
import BlobUtil from 'react-native-blob-util'
import { rrulestr } from 'rrule'

Function createConfig has 211 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const createConfig = (
  env: {
    config_name?: string
    dev_server?: boolean
    bundle_analyzer?: boolean

Function Header has a Cognitive Complexity of 44 (exceeds 5 allowed). Consider refactoring.

Open

const Header = ({
  navigation,
  route,
  availableLanguages,
  shareUrl,

• Read up
  Read up

File renderHtml.ts has 365 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { TFunction } from 'i18next'
import { DefaultTheme } from 'styled-components/native'

import { ExternalSourcePermissions } from 'shared'

DatabaseConnector has 36 functions (exceeds 20 allowed). Consider refactoring.

Open

class DatabaseConnector {
  constructor() {
    this.migrationRoutine().catch(reportError)
  }

Function Navigator has 95 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Navigator = (): ReactElement | null => {
  const showSnackbar = useSnackbar()
  const { settings, cityCode, changeCityCode, languageCode, updateSettings } = useAppContext()
  const navigation = useNavigation<NavigationProps<RoutesType>>()
  const [initialRoute, setInitialRoute] = useState<InitialRouteType>(null)

Function Pois has a Cognitive Complexity of 26 (exceeds 5 allowed). Consider refactoring.

Open

const Pois = ({ pois: allPois, language, cityModel, route, navigation, refresh }: PoisProps): ReactElement => {
  const { slug, multipoi, poiCategoryId, zoom } = route.params
  const [poiCurrentlyOpenFilter, setPoiCurrentlyOpenFilter] = useState(false)
  const [showFilterSelection, setShowFilterSelection] = useState(false)
  const [userLocation, setUserLocation] = useState<LocationType | null>(null)

• Read up
  Read up

Function ExportEventButton has a Cognitive Complexity of 25 (exceeds 5 allowed). Consider refactoring.

Open

const ExportEventButton = ({ event }: ExportEventButtonType): ReactElement => {
  const { t } = useTranslation('events')
  const showSnackbar = useSnackbar()

  const [showCalendarChoiceModal, setShowCalendarChoiceModal] = useState<boolean>(false)

• Read up
  Read up

File webpack.config.ts has 311 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import ReactRefreshPlugin from '@pmmmwh/react-refresh-webpack-plugin'
import AssetsPlugin from 'assets-webpack-plugin'
import { CleanWebpackPlugin } from 'clean-webpack-plugin'
import CopyPlugin from 'copy-webpack-plugin'
import { readFileSync } from 'fs'

Function CategoriesPage has a Cognitive Complexity of 24 (exceeds 5 allowed). Consider refactoring.

Open

const CategoriesPage = ({ city, pathname, cityCode, languageCode }: CityRouteProps): ReactElement | null => {
  const previousPathname = usePreviousProp({ prop: pathname })
  const categoryId = useParams()['*']
  const { t } = useTranslation('layout')

• Read up
  Read up

Function RemoteContent has a Cognitive Complexity of 23 (exceeds 5 allowed). Consider refactoring.

Open

const RemoteContent = ({
  onLoad,
  content,
  cacheDictionary,
  resourceCacheUrl,

• Read up
  Read up

File manage-metadata.ts has 299 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { program } from 'commander'
import yaml from 'js-yaml'
import fs from 'node:fs'
import path from 'node:path'

Function navigate has 76 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const navigate = <T extends RoutesType>(
  routeInformation: RouteInformationType,
  navigation: NavigationProps<T>,
  appCityCode: string | null,
  appLanguageCode: string,

DefaultDataContainer has 26 functions (exceeds 20 allowed). Consider refactoring.

Open

class DefaultDataContainer implements DataContainer {
  _databaseConnector: DatabaseConnector
  caches: CacheType

  constructor() {

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

Open

  render(): ReactElement | null {
    const { uri } = this.props
    const { imageDimensions, viewDimensions, interactive } = this.state

    if (!imageDimensions || !viewDimensions) {

Function InfiniteScrollList has a Cognitive Complexity of 21 (exceeds 5 allowed). Consider refactoring.

Open

const InfiniteScrollList = <T,>({
  loadPage,
  noItemsMessage,
  renderItem,
  defaultPage,

• Read up
  Read up

Function Pois has a Cognitive Complexity of 19 (exceeds 5 allowed). Consider refactoring.

Open

const Pois = ({ pois: allPois, userLocation, city, languageCode, pageTitle }: PoiProps): ReactElement | null => {
  const [currentlyOpenFilter, setCurrentlyOpenFilter] = useState(false)
  const [showFilterSelection, setShowFilterSelection] = useState(false)
  const [queryParams, setQueryParams] = useSearchParams()
  const { multipoi, poiCategoryId, zoom } = parseQueryParams(queryParams)

• Read up
  Read up

Function SwitchCmsUrlIcon has a Cognitive Complexity of 19 (exceeds 5 allowed). Consider refactoring.

Open

const SwitchCmsUrlIcon = ({ clearResourcesAndCache }: LandingIconProps): ReactElement => {
  const [clickCount, setClickCount] = useState(0)
  const [clickStart, setClickStart] = useState<null | DateTime>(null)
  const { settings, updateSettings } = useAppContext()
  const { cmsUrl, switchCmsUrl } = buildConfig()

• Read up
  Read up

Function MalteHelpForm has a Cognitive Complexity of 19 (exceeds 5 allowed). Consider refactoring.

Confirmed

const MalteHelpForm = ({ pageTitle, languageCode, cityCode, malteHelpFormOffer }: MalteHelpFormProps): ReactElement => {
  const { t } = useTranslation('malteHelpForm')
  const [sendingStatus, setSendingStatus] = useState<SendingStatusType>('idle')
  const [submitted, setSubmitted] = useState(false)
  const [contactChannel, setContactChannel] = useState<ContactChannel>('email')

• Read up
  Read up

File PinchPanImage.tsx has 269 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { ReactElement } from 'react'
import { Animated, Image, ImageErrorEventData, NativeSyntheticEvent } from 'react-native'
import {
  PanGestureHandler,
  PinchGestureHandler,