<div>
..........................................................
..........................................................
..........................................................
    <ListGroup variant="flush" className="chatlist overflow-auto">
        <ChatCom chatname="John Mayers" chatime="3 min ago" chatimage="/static/images/smith.png" chatmessage="Lorem ipsum dolor sit..." chatstatus="active"/>
        <ChatCom chatname="David James" chatime="10 min ago" chatimage="/static/images/william.png" chatmessage="Lorem ipsum dolor sit..." />
        <ChatCom chatname="Katlin Smith" chatime="10 min ago" chatimage="/static/images/user-1.png" chatmessage="Lorem ipsum dolor sit..." />
        <ChatCom chatname="John Doe" chatime="10 min ago" chatimage="/static/images/user-2.png" chatmessage="Lorem ipsum dolor sit..." />
        <ChatCom chatname="John Mayers" chatime="3 min ago" chatimage="/static/images/smith.png" chatmessage="Lorem ipsum dolor sit..." />
        <ChatCom chatname="David James" chatime="10 min ago" chatimage="/static/images/william.png" chatmessage="Lorem ipsum dolor sit..." />
        <ChatCom chatname="Katlin Smith" chatime="10 min ago" chatimage="/static/images/user-1.png" chatmessage="Lorem ipsum dolor sit..." />
        <ChatCom chatname="John Doe" chatime="10 min ago" chatimage="/static/images/user-2.png" chatmessage="Lorem ipsum dolor sit..." />
    </ListGroup>
..........................................................
..........................................................
..........................................................
</div>