072c5d73f1
* Remove extra subjects from app-explorer * Use bs58 addresses * Base upgrades subject -> onChange * app-storage & app-explorer works * Remove useless placeholder * Progres... * Rename Submission -> Selection * Baby steps... things display now... * setState operational * Explicit onChange * Work around eslint issues (!!!) * @flow fixes * Small styling updates * Small app content styling updates * Simplify
62 lines
1.6 KiB
JavaScript
62 lines
1.6 KiB
JavaScript
// Copyright 2017-2018 Jaco Greeff
|
|
// This software may be modified and distributed under the terms
|
|
// of the ISC license. See the LICENSE file for details.
|
|
// @flow
|
|
|
|
import type { Param, Param$Type } from '@polkadot/primitives/param';
|
|
import type { I18nProps } from '../../types';
|
|
import type { ComponentMap, RawParam } from '../types';
|
|
|
|
import React from 'react';
|
|
|
|
import translate from '../../translate';
|
|
import typeToText from '../typeToText';
|
|
import findComponent from './findComponent';
|
|
|
|
type Props = I18nProps & {
|
|
index: number,
|
|
overrides?: ComponentMap,
|
|
onChange: (value: RawParam) => void,
|
|
value: Param & {
|
|
name: string
|
|
};
|
|
};
|
|
|
|
function ParamComponent ({ className, index, onChange, overrides, style, value: { name, type, options = {} } = {} }: Props): React$Node {
|
|
if (!type) {
|
|
return null;
|
|
}
|
|
|
|
const Component = findComponent(type, overrides);
|
|
const renderComponent = (Component: React$ComponentType<*>, sub: number = -1) => {
|
|
const _type: Param$Type = Array.isArray(type)
|
|
? type[sub]
|
|
: type;
|
|
const text = typeToText(_type);
|
|
const labelExtra = sub === -1
|
|
? ''
|
|
: ` (${index})`;
|
|
|
|
return (
|
|
<Component
|
|
className='ui--Param'
|
|
index={index}
|
|
key={`${name}:${text}:${index}}`}
|
|
label={`${name}: ${text}${labelExtra}`}
|
|
// FIXME subjects are not for array components (as defined here)
|
|
onChange={onChange}
|
|
value={{
|
|
options,
|
|
type: _type
|
|
}}
|
|
/>
|
|
);
|
|
};
|
|
|
|
return Array.isArray(Component)
|
|
? Component.map(renderComponent)
|
|
: renderComponent(Component);
|
|
}
|
|
|
|
export default translate(ParamComponent);
|