ghost-portal/packages/react-components/src/Bonded.tsx
2020-01-06 16:16:50 +01:00

44 lines
1.1 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 { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
import { BareProps } from './types';
import BN from 'bn.js';
import React from 'react';
import { Bonded } from '@polkadot/react-query';
import { renderProvided } from './Balance';
import { classes } from './util';
export interface Props extends BareProps {
bonded?: BN | BN[];
label?: React.ReactNode;
params?: AccountId | AccountIndex | Address | string | Uint8Array | null;
withLabel?: boolean;
}
export default function BondedDisplay (props: Props): React.ReactElement<Props> | null {
const { bonded, params, className, label, style } = props;
if (!params) {
return null;
}
return bonded
? (
<>
{renderProvided({ className, label, value: bonded })}
</>
)
: (
<Bonded
className={classes('ui--Bonded', className)}
label={label}
params={params}
style={style}
/>
);
}