You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
801 B
35 lines
801 B
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { FaCircle } from 'react-icons/lib/fa'
|
|
import { btc } from 'utils'
|
|
import styles from './Contact.scss'
|
|
|
|
const LoadingContact = ({ pubkey, isClosing }) => (
|
|
<li className={`${styles.friend} ${styles.loading}`}>
|
|
<section className={styles.info}>
|
|
<p>
|
|
<FaCircle style={{ verticalAlign: 'top' }} />
|
|
<span>
|
|
{
|
|
isClosing ?
|
|
'Closing'
|
|
:
|
|
'Loading'
|
|
}
|
|
</span>
|
|
</p>
|
|
<h2>{pubkey}</h2>
|
|
</section>
|
|
<section className={styles.limits}>
|
|
<div className={styles.loading}>
|
|
<div className={styles.spinner} />
|
|
</div>
|
|
</section>
|
|
</li>
|
|
)
|
|
|
|
LoadingContact.propTypes = {
|
|
|
|
}
|
|
|
|
export default LoadingContact
|
|
|