ghost-portal/packages/react-params/src/Param/Moment.tsx
Jaco Greeff a0b82d88a4
Use import type { ... } (#4052)
* Use import type { ... }

* value imports

* TypeDefInfo

* Apply suggestions from code review

* fixes... am going blind.
2020-11-19 16:20:14 +01:00

52 lines
1.3 KiB
TypeScript

// Copyright 2017-2020 @polkadot/react-params authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { Props, RawParamOnChangeValue } from '../types';
import React, { useCallback } from 'react';
import { Static } from '@polkadot/react-components';
import Amount from './Amount';
function Moment ({ className = '', defaultValue, isDisabled, isError, label, onChange, onEnter, onEscape, registry, type, withLabel }: Props): React.ReactElement<Props> {
const _onChange = useCallback(
(value: RawParamOnChangeValue) =>
onChange && onChange(value),
[onChange]
);
if (isDisabled) {
return (
<Static
className={className}
defaultValue={
(defaultValue && defaultValue.value)
? (defaultValue.value as string).toString()
: ''
}
isError={isError}
label={label}
withLabel={withLabel}
/>
);
}
return (
<Amount
className={className}
defaultValue={defaultValue}
isDisabled={isDisabled}
isError={isError}
label={label}
onChange={_onChange}
onEnter={onEnter}
onEscape={onEscape}
registry={registry}
type={type}
withLabel={withLabel}
/>
);
}
export default React.memo(Moment);