blowfish/src/renderer/components/AccountsList/Saved.jsx

45 lines
1.0 KiB
JavaScript

import React from 'react'
import PropTypes from 'prop-types'
import { toDataUrl } from 'ethereum-blockies'
import posed, { PoseGroup } from 'react-pose'
import { fadeIn } from '../Animations'
import styles from './Saved.module.css'
export default function Saved({ accounts, handleDelete }) {
const Item = posed.li(fadeIn)
return (
<PoseGroup>
{accounts.map(account => {
const identicon = toDataUrl(account)
return (
<Item key={account}>
<div>
<img
className={styles.identicon}
src={identicon}
alt="Blockies"
/>
{account}
</div>
<button
className={styles.delete}
onClick={e => handleDelete(e, account)}
title="Remove account"
>
&times;
</button>
</Item>
)
})}
</PoseGroup>
)
}
Saved.propTypes = {
accounts: PropTypes.array.isRequired,
handleDelete: PropTypes.func.isRequired
}