2018-09-10 09:55:26 -07:00
|
|
|
import React from 'react';
|
2018-10-01 14:01:20 -07:00
|
|
|
import classnames from 'classnames';
|
2018-09-22 09:57:04 -07:00
|
|
|
import './ShortAddress.less';
|
2018-09-10 09:55:26 -07:00
|
|
|
|
|
|
|
interface Props {
|
|
|
|
address: string;
|
2018-10-01 14:01:20 -07:00
|
|
|
className?: string;
|
2018-09-10 09:55:26 -07:00
|
|
|
}
|
|
|
|
|
2018-10-01 14:01:20 -07:00
|
|
|
const ShortAddress = ({ address, className }: Props) => (
|
|
|
|
<div className={classnames('ShortAddress', className)}>
|
2018-09-22 09:57:04 -07:00
|
|
|
<div className="ShortAddress-bookend">{address.substr(0, 7)}</div>
|
|
|
|
<div className="ShortAddress-middle">{address.substr(7, address.length - 5)}</div>
|
|
|
|
<div className="ShortAddress-bookend">{address.substr(address.length - 5)}</div>
|
|
|
|
</div>
|
2018-09-10 09:55:26 -07:00
|
|
|
);
|
|
|
|
|
|
|
|
export default ShortAddress;
|