import React from 'react'; import { getChats } from '../api'; import Contact from './Contact.js'; 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 (
); } } const wrapperStyle = { display: 'flex', backgroundColor: '#fff' }; const chatListStyle = { boxSizing: 'border-box', padding: '0 20px', display: 'flex', alignItems: 'center', flexDirection: 'column', width: '100%' }; const chatTitleStyle = { width: '100%', padding: '3px 6px', textAlign: 'left', background: '#fff', color: '#222', borderBottom: '1px solid #eee' };