2245764550

Committed 29 Apr 2022 02:03PM UTC coverage: 35.378% (-0.04%) from 35.414%

Build Type

github

Committed by GitHub

Commit Message

Merge 630e91f43 into b655eac56

Pull Request Pull Request #3766: feat: transaction filtering

Run Details

1292 of 4623 branches covered (27.95%)

Branch coverage included in aggregate %.

64 of 161 new or added lines in 14 files covered. (39.75%)

110 existing lines in 14 files now uncovered.

3657 of 9366 relevant lines covered (39.05%)

35.18 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

20.0

/src/routes/safe/components/Transactions/TxList/Filter/RHFTextField.tsx

import { HTMLInputTypeAttribute, ReactElement } from 'react'
import { Control, FieldValues, Path, useController, UseControllerProps } from 'react-hook-form'
import TextField from '@material-ui/core/TextField/TextField'

import { formatInputValue, getFilterHelperText } from 'src/routes/safe/components/Transactions/TxList/Filter/utils'

type Props<T> = {
  name: Path<T>
  control: Control<T, unknown>
  rules?: UseControllerProps<T>['rules']
  label: string
  type?: HTMLInputTypeAttribute
}

const RHFTextField = <T extends FieldValues>({ name, rules, control, type, ...props }: Props<T>): ReactElement => {
  const {
    field: { ref, value, ...field },
    fieldState: { error },
  } = useController({
    name,
    rules,
    control,
  })

  return (
    <TextField
      innerRef={ref}
      value={formatInputValue(value)}
      {...field}
      type={type}
      {...props}
      variant="outlined"
      error={!!error}
      helperText={getFilterHelperText(value, error)}
      InputLabelProps={{ shrink: type === 'date' || !!value }}
    />
  )
}

export default RHFTextField

1	import { HTMLInputTypeAttribute, ReactElement } from 'react'
2	import { Control, FieldValues, Path, useController, UseControllerProps } from 'react-hook-form'
3	import TextField from '@material-ui/core/TextField/TextField'
4
5	import { formatInputValue, getFilterHelperText } from 'src/routes/safe/components/Transactions/TxList/Filter/utils'
6
7	type Props<T> = {
8	name: Path<T>
9	control: Control<T, unknown>
10	rules?: UseControllerProps<T>['rules']
11	label: string
12	type?: HTMLInputTypeAttribute
13	}
14
15	const RHFTextField = <T extends FieldValues>({ name, rules, control, type, ...props }: Props<T>): ReactElement => {	1✔
16	const {
17	field: { ref, value, ...field },
18	fieldState: { error },
NEW 19	} = useController({	×
20	name,
21	rules,
22	control,
23	})
24
NEW 25	return (	×
26	<TextField
27	innerRef={ref}
28	value={formatInputValue(value)}
29	{...field}
30	type={type}
31	{...props}
32	variant="outlined"
33	error={!!error}
34	helperText={getFilterHelperText(value, error)}
35	InputLabelProps={{ shrink: type === 'date' \|\| !!value }}	×
36	/>
37	)
38	}
39
40	export default RHFTextField

safe-global / safe-react / 2245764550

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous