ghost-portal/packages/react-params/src/ParamComp.tsx
Keith Ingram 9bc6194265
Replace TxComponent and TxModal (base) (#1951)
* essentials

* cleanup

* versions

* rv file

* useForm function refs

* restore button ref

* adjust TxModalNew

* refactor

* useTx

* arg

* rework

* linting

* restore changed comps
2019-12-02 13:42:49 -08:00

45 lines
1.3 KiB
TypeScript

// Copyright 2017-2019 @polkadot/react-components authors & contributors
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.
import { TypeDef } from '@polkadot/types/types';
import { ComponentMap, RawParam, RawParams, RawParamOnChangeValue } from './types';
import React from 'react';
import Param from './Param';
interface Props {
defaultValue: RawParam;
index: number;
isDisabled?: boolean;
name?: string;
onChange: (index: number, value: RawParamOnChangeValue) => void;
onEnter?: () => void;
onEscape?: () => void;
overrides?: ComponentMap;
type: TypeDef;
values?: RawParams | null;
}
export default function ParamComp ({ defaultValue, index, isDisabled, name, onChange, onEnter, onEscape, overrides, type }: Props): React.ReactElement<Props> {
const _onChange = (value: RawParamOnChangeValue): void =>
onChange(index, value);
return (
<div className='ui--Param-composite'>
<Param
defaultValue={defaultValue}
isDisabled={isDisabled}
key={`input:${index}`}
name={name}
onChange={_onChange}
onEnter={onEnter}
onEscape={onEscape}
overrides={overrides}
type={type}
/>
</div>
);
}