X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/9c15617f293ab41ea8b8e2962ecd1d109b80a026..bf6ffb898a38a806ea0dd98daca7b3801923b62f:/src/views/run-process-panel/inputs/boolean-input.tsx diff --git a/src/views/run-process-panel/inputs/boolean-input.tsx b/src/views/run-process-panel/inputs/boolean-input.tsx index e66ec3d7..c8ef8850 100644 --- a/src/views/run-process-panel/inputs/boolean-input.tsx +++ b/src/views/run-process-panel/inputs/boolean-input.tsx @@ -2,8 +2,9 @@ // // SPDX-License-Identifier: AGPL-3.0 -import * as React from 'react'; -import { BooleanCommandInputParameter } from '~/models/workflow'; +import React from 'react'; +import { memoize } from 'lodash/fp'; +import { BooleanCommandInputParameter } from 'models/workflow'; import { Field } from 'redux-form'; import { Switch } from '@material-ui/core'; import { GenericInputProps, GenericInput } from './generic-input'; @@ -16,16 +17,23 @@ export const BooleanInput = ({ input }: BooleanInputProps) => name={input.id} commandInput={input} component={BooleanInputComponent} - normalize={(value, prevValue) => !prevValue} + normalize={normalize} />; +const normalize = (_: any, prevValue: boolean) => !prevValue; + const BooleanInputComponent = (props: GenericInputProps) => ; -const Input = (props: GenericInputProps) => +const Input = ({ input, commandInput }: GenericInputProps) => props.input.onChange(props.input.value)} />; \ No newline at end of file + checked={input.value} + onChange={handleChange(input.onChange, input.value)} + disabled={commandInput.disabled} />; + +const handleChange = memoize( + (onChange: (value: string) => void, value: string) => () => onChange(value) +);