30 lines
726 B
TypeScript
30 lines
726 B
TypeScript
import React from 'react';
|
|
|
|
import { Stack } from 'soapbox/components/ui';
|
|
import { useSoapboxConfig } from 'soapbox/hooks';
|
|
|
|
import CryptoAddress from './crypto-address';
|
|
|
|
interface ISiteWallet {
|
|
limit?: number
|
|
}
|
|
|
|
const SiteWallet: React.FC<ISiteWallet> = ({ limit }): JSX.Element => {
|
|
const { cryptoAddresses } = useSoapboxConfig();
|
|
const addresses = typeof limit === 'number' ? cryptoAddresses.take(limit) : cryptoAddresses;
|
|
|
|
return (
|
|
<Stack space={4}>
|
|
{addresses.map(address => (
|
|
<CryptoAddress
|
|
key={address.ticker}
|
|
address={address.address}
|
|
ticker={address.ticker}
|
|
note={address.note}
|
|
/>
|
|
))}
|
|
</Stack>
|
|
);
|
|
};
|
|
|
|
export default SiteWallet;
|