best-doctor/ke

File filters.tsx has 383 lines of code (exceeds 250 allowed). Consider refactoring.

Open

// Это легаси
/* eslint-disable react/jsx-props-no-spreading */
import React, { useState } from 'react'
import InputMask, { Props as InputMaskProps } from 'react-input-mask'
import { Box } from '@chakra-ui/react'

Function ForeignKeySelectFilter has 55 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ForeignKeySelectFilter = (params: ForeignKeySelectFilterProps): JSX.Element => {
  const {
    name,
    label,
    resourceName,

Function MultiSelectFilter has 43 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const MultiSelectFilter = (params: ResourceFilterProps): JSX.Element => {
  const [options, setOptions] = React.useState<any>([])
  const [storedOptions, setStoredOptions] = React.useState<Model[]>([])
  const { name, label, filterResource, resourceName, gotoPage, provider, cacheTime, className } = params
  const history = useHistory()

Function BooleanFilter has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const BooleanFilter = (params: BooleanFilterProps): JSX.Element => {
  const {
    name,
    label,
    resourceName,

Function SelectFilter has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const SelectFilter = (params: ResourceFilterProps): JSX.Element => {
  const { name, label, resourceName, filterResource, gotoPage, provider, cacheTime } = params
  const history = useHistory()
  const location = useLocation()
  const [options, setOptions] = React.useState<any>([])

Function DateTimeFilter has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const DateTimeFilter = (params: DateTimeFilterProps): JSX.Element => {
  const [currentDate, setCurrentDate] = React.useState<Date | null | undefined>()
  const { name, label, resourceName, gotoPage, filterDate, filterTime } = params
  const history = useHistory()
  const location = useLocation()

Function DateFilter has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const DateFilter = (params: DateTimeFilterProps): JSX.Element => {
  const [currentDate, setCurrentDate] = React.useState<Date | null | undefined>()
  const { name, label, resourceName, gotoPage, filterDate, filterTime } = params
  const history = useHistory()
  const location = useLocation()

Function MaskFilter has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const MaskFilter = (params: FilterProps & InputMaskProps): JSX.Element => {
  const { name, label, resourceName, gotoPage, ...maskProps } = params
  const history = useHistory()
  const location = useLocation()
  const [value, setValue] = useState('')

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  return (
    <StyledFilter>
      <Select
        className="styled-filter"
        onChange={(value: any) => handleChange(value)}

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  return (
    <StyledFilter>
      <Select
        className="styled-filter"
        onChange={(value: any) => handleChange(value)}

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const handleChange = (value: DatePickerValue): void => {
    const singleValue = getDateFromDatePicker(value)
    const filterValue = singleValue ? format(singleValue, "yyyy-MM-dd'T'HH:mm:ss") : ''

    pushAnalytics({

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const handleChange = (value: DatePickerValue): void => {
    const singleValue = getDateFromDatePicker(value)
    const filterValue = singleValue ? format(singleValue, 'yyyy-MM-dd') : ''

    pushAnalytics({

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const handleChange = (value: ValueType): void => {
    const filterValue = value ? value.value : ''

    pushAnalytics({
      eventName: EventNameEnum.SELECT_OPTION_CHANGE,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const handleChange = (value: ValueType): void => {
    const filterValue = value ? value.value : ''

    pushAnalytics({
      eventName: EventNameEnum.SELECT_OPTION_CHANGE,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const handleChange = (newValue: string): void => {
    setValue(newValue)
    pushAnalytics({
      eventName: EventNameEnum.INPUT_CHANGE,
      ...getCommonFilterAnalyticsPayload(resourceName, newValue, name),

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const handleChange = (newValue: string): void => {
    setValue(newValue)
    pushAnalytics({
      eventName: EventNameEnum.INPUT_CHANGE,
      ...getCommonFilterAnalyticsPayload(resourceName, newValue, name),

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  React.useEffect(() => {
    provider.getList(filterResource, null, null, cacheTime).then((result) => setOptions(result))
  }, [cacheTime, filterResource, provider])

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  React.useEffect(() => {
    provider.getList(filterResource, null, null, cacheTime).then((result) => setStoredOptions(result))
  }, [cacheTime, filterResource, provider])

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

  const { name, label, filterResource, resourceName, gotoPage, provider, cacheTime, className } = params

• Read up
  Read up