import React, { useEffect, useState } from 'react'; import { getChats } from '../api'; import Contact from './Contact.js'; import { ChatSpinner } from './Spinner'; export default function Contacts(props) { const [pms, setPms] = useState([]); useEffect(() => { getChats() .then(response => { setPms(response.data.pms); }); }, []); 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' };