2149385601

Build Type

github

Committed by GitHub

Commit Message

<a href="https://github.com/gnosis/safe-react/commit/<a class=hub.com/gnosis/safe-react/commit/<a class="double-link" href="https://git"><a class=hub.com/gnosis/safe-react/commit/<a class="double-link" href="https://git"><a class=hub.com/gnosis/safe-react/commit/cad055c3b50b3883c583322336572b2f75edf93d">cad055c3b">&lt;a href=&quot;https://github.com/gnosis/safe-react/commit/</a><a class="double-link" href="https://github.com/gnosis/safe-react/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/gnosis/safe-react/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/gnosis/safe-react/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/gnosis/safe-react/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/gnosis/safe-react/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/gnosis/safe-react/commit/cad055c3b50b3883c583322336572b2f75edf93d">cad055c3b</a><a href="https://github.com/gnosis/safe-react/commit/cad055c3b50b3883c583322336572b2f75edf93d">&quot;&gt;&amp;lt;a href=&amp;quot;https://github.com/gnosis/safe-react/commit/&lt;/a&gt;&lt;a class=&quot;double-link&quot; href=&quot;https://github.com/gnosis/safe-react/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/gnosis/safe-react/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/gnosis/safe-react/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/gnosis/safe-react/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/gnosis/safe-react/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/gnosis/safe-react/commit/cad055c3b50b3883c583322336572b2f75edf93d&quot;&gt;cad055c3b&lt;/a&gt;&lt;a href=&quot;https://github.com/gnosis/safe-react/commit/cad055c3b50b3883c583322336572b2f... (continued)

Pull Request Pull Request #3765: feat: filter form

Run Details

1254 of 4426 branches covered (28.33%)

Branch coverage included in aggregate %.

114 of 114 new or added lines in 7 files covered. (100.0%)

3541 of 8928 relevant lines covered (39.66%)

36.6 hits per line

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

21.43

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

import { ReactElement } from 'react'
import { Control, FieldValues, Path, useController, UseControllerProps } from 'react-hook-form'
import Autocomplete from '@material-ui/lab/Autocomplete/Autocomplete'
import TextField from '@material-ui/core/TextField/TextField'
import { SettingsInfo } from '@gnosis.pm/safe-react-gateway-sdk'

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

// TODO: Create enum in the types for these types
const MODULES: { label: string; type: SettingsInfo['type'] }[] = [
  {
    type: 'SET_FALLBACK_HANDLER',
    label: 'Set fallback handler',
  },
  {
    type: 'ADD_OWNER',
    label: 'Add owner',
  },
  {
    type: 'REMOVE_OWNER',
    label: 'Remove owner',
  },
  {
    type: 'SWAP_OWNER',
    label: 'Swap owner',
  },
  {
    type: 'CHANGE_THRESHOLD',
    label: 'Change required confirmations',
  },
  {
    type: 'CHANGE_IMPLEMENTATION',
    label: 'Change implementation',
  },
  {
    type: 'ENABLE_MODULE',
    label: 'Enable module',
  },
  {
    type: 'DISABLE_MODULE',
    label: 'Disable module',
  },
  {
    type: 'SET_GUARD',
    label: 'Set guard',
  },
  {
    type: 'DELETE_GUARD',
    label: 'Delete guard',
  },
]

const isValidModule = (module: SettingsInfo['type']): string | undefined => {
  if (module && MODULES.every(({ type }) => type !== module)) {
    return 'Invalid module'
  }
}

const RHFModuleSearchField = <T extends FieldValues>({ name, control, ...props }: Props<T>): ReactElement => {
  const { field, fieldState } = useController({
    name,
    control,
    rules: {
      validate: isValidModule,
    },
  })

  return (
    <Autocomplete
      options={MODULES}
      getOptionLabel={({ label }) => label}
      onChange={(_, module) => field.onChange(module?.type)}
      noOptionsText="No module found"
      renderInput={(params) => (
        <TextField
          innerRef={field.ref}
          {...params}
          {...props}
          name={name}
          variant="outlined"
          error={!!fieldState.error}
          helperText={fieldState.error?.message}
        />
      )}
    />
  )
}

export default RHFModuleSearchField

1	import { ReactElement } from 'react'
2	import { Control, FieldValues, Path, useController, UseControllerProps } from 'react-hook-form'
3	import Autocomplete from '@material-ui/lab/Autocomplete/Autocomplete'
4	import TextField from '@material-ui/core/TextField/TextField'
5	import { SettingsInfo } from '@gnosis.pm/safe-react-gateway-sdk'
6
7	type Props<T> = {
8	name: Path<T>
9	control: Control<T, unknown>
10	rules?: UseControllerProps<T>['rules']
11	label: string
12	}
13
14	// TODO: Create enum in the types for these types
15	const MODULES: { label: string; type: SettingsInfo['type'] }[] = [	1✔
16	{
17	type: 'SET_FALLBACK_HANDLER',
18	label: 'Set fallback handler',
19	},
20	{
21	type: 'ADD_OWNER',
22	label: 'Add owner',
23	},
24	{
25	type: 'REMOVE_OWNER',
26	label: 'Remove owner',
27	},
28	{
29	type: 'SWAP_OWNER',
30	label: 'Swap owner',
31	},
32	{
33	type: 'CHANGE_THRESHOLD',
34	label: 'Change required confirmations',
35	},
36	{
37	type: 'CHANGE_IMPLEMENTATION',
38	label: 'Change implementation',
39	},
40	{
41	type: 'ENABLE_MODULE',
42	label: 'Enable module',
43	},
44	{
45	type: 'DISABLE_MODULE',
46	label: 'Disable module',
47	},
48	{
49	type: 'SET_GUARD',
50	label: 'Set guard',
51	},
52	{
53	type: 'DELETE_GUARD',
54	label: 'Delete guard',
55	},
56	]
57
58	const isValidModule = (module: SettingsInfo['type']): string \| undefined => {	1✔
59	if (module && MODULES.every(({ type }) => type !== module)) {	×
60	return 'Invalid module'	×
61	}
62	}
63
64	const RHFModuleSearchField = <T extends FieldValues>({ name, control, ...props }: Props<T>): ReactElement => {	1✔
65	const { field, fieldState } = useController({	×
66	name,
67	control,
68	rules: {
69	validate: isValidModule,
70	},
71	})
72
73	return (	×
74	<Autocomplete
75	options={MODULES}
76	getOptionLabel={({ label }) => label}	×
77	onChange={(_, module) => field.onChange(module?.type)}	×
78	noOptionsText="No module found"
79	renderInput={(params) => (
80	<TextField	×
81	innerRef={field.ref}
82	{...params}
83	{...props}
84	name={name}
85	variant="outlined"
86	error={!!fieldState.error}
87	helperText={fieldState.error?.message}
88	/>
89	)}
90	/>
91	)
92	}
93
94	export default RHFModuleSearchField

gnosis / safe-react / 2149385601

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