36 lines
772 B
TypeScript
36 lines
772 B
TypeScript
import { truncate } from '@/utils/HelperUtil'
|
|
import { Card, Checkbox, Row, Text } from '@nextui-org/react'
|
|
|
|
/**
|
|
* Types
|
|
*/
|
|
interface IProps {
|
|
address: string
|
|
index: number
|
|
selected: boolean
|
|
onSelect: () => void
|
|
}
|
|
|
|
/**
|
|
* Component
|
|
*/
|
|
export default function AccountSelectCard({ address, selected, index, onSelect }: IProps) {
|
|
return (
|
|
<Card
|
|
onClick={onSelect}
|
|
clickable
|
|
key={address}
|
|
css={{
|
|
marginTop: '$5',
|
|
backgroundColor: selected ? 'rgba(23, 200, 100, 0.2)' : '$accents2'
|
|
}}
|
|
>
|
|
<Row justify="space-between" align="center">
|
|
<Checkbox size="lg" color="success" checked={selected} />
|
|
|
|
<Text>{`${truncate(address, 14)} - Account ${index + 1}`} </Text>
|
|
</Row>
|
|
</Card>
|
|
)
|
|
}
|