37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import { Coin } from "cosmjs-types/cosmos/base/v1beta1/coin";
|
|
import { useChains } from "../../context/ChainsContext";
|
|
import { printableCoin } from "../../lib/displayHelpers";
|
|
import StackableContainer from "../layout/StackableContainer";
|
|
|
|
interface MultisigHoldingsProps {
|
|
readonly holdings: readonly Coin[];
|
|
}
|
|
|
|
const MultisigHoldings = (props: MultisigHoldingsProps) => {
|
|
const { chain } = useChains();
|
|
return (
|
|
<StackableContainer lessPadding fullHeight>
|
|
<h2>Holdings</h2>
|
|
<StackableContainer lessPadding lessMargin>
|
|
{props.holdings.length ? (
|
|
props.holdings.map((holding) => (
|
|
<StackableContainer key={holding.denom} lessPadding lessMargin>
|
|
<span>{printableCoin(holding, chain)}</span>
|
|
</StackableContainer>
|
|
))
|
|
) : (
|
|
<span>None</span>
|
|
)}
|
|
</StackableContainer>
|
|
<style jsx>{`
|
|
span {
|
|
text-align: center;
|
|
overflow-wrap: break-word;
|
|
}
|
|
`}</style>
|
|
</StackableContainer>
|
|
);
|
|
};
|
|
|
|
export default MultisigHoldings;
|