ghost-portal/packages/react-components/src/InputRpc/SelectMethod.tsx
Jaco Greeff c60ba8708a
Bumps w/ eslint (#2802)
* Bumps w/ eslint

* Additional

* Additional

* Additional

* Additional

* Remove style props

* Additional

* Additional

* Additional

* Additional (< 100)

* eslint passes, tsc next

* tsc fixes

* Update deps

* Update i18n
2020-05-24 19:41:14 +02:00

50 lines
1.3 KiB
TypeScript

// Copyright 2017-2020 @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 { DefinitionRpcExt } from '@polkadot/types/types';
import { DropdownOptions } from '../util/types';
import { BareProps } from '../types';
import React from 'react';
import jsonrpc from '@polkadot/types/interfaces/jsonrpc';
import Dropdown from '../Dropdown';
import { classes } from '../util';
interface Props extends BareProps {
isError?: boolean;
onChange: (value: DefinitionRpcExt) => void;
options: DropdownOptions;
value: DefinitionRpcExt;
}
function transform ({ value: { section } }: Props): (method: string) => DefinitionRpcExt {
return function (method: string): DefinitionRpcExt {
return jsonrpc[section][method];
};
}
function SelectMethod (props: Props): React.ReactElement<Props> | null {
const { className = '', isError, onChange, options, value } = props;
if (!options.length) {
return null;
}
return (
<Dropdown
className={classes('ui--DropdownLinked-Items', className)}
isError={isError}
onChange={onChange}
options={options}
transform={transform(props)}
value={value.method}
withLabel={false}
/>
);
}
export default React.memo(SelectMethod);