import React from 'react'; import { getChats } from '../api'; import Contact from './Contact.js'; import { ChatSpinner } from './Spinner'; export default class Contacts extends React.Component { constructor(props) { super(props); this.state = { pms: [] }; } componentDidMount() { this.refreshChats(); } refreshChats() { getChats() .then(response => { this.setState({ isLoading: false, pms: response.data.pms }); }); } render() { const { pms } = this.state; return (
{ pms.length ? pms.map((chat) => ) : <> }
); } } const wrapperStyle = { display: 'flex', backgroundColor: '#fff' }; const chatListStyle = { display: 'flex', flexDirection: 'column', width: '100%' }; const chatTitleStyle = { width: '100%', padding: '12px', textAlign: 'left', background: '#fff', color: '#222', borderBottom: '1px solid #eee' };