60 lines
2.1 KiB
JavaScript
Executable File
60 lines
2.1 KiB
JavaScript
Executable File
import React from 'react';
|
|
|
|
import {
|
|
Container,
|
|
Row,
|
|
CardBody,
|
|
Col,
|
|
CardHeader,
|
|
Card,
|
|
CardFooter
|
|
} from './../../../components';
|
|
import { HeaderMain } from "../../components/HeaderMain";
|
|
import { ChatLeft } from "../../components/Chat/ChatLeft";
|
|
import { ChatRight } from "../../components/Chat/ChatRight";
|
|
import { ChatLeftNav } from "../../components/Chat/ChatLeftNav";
|
|
import { ChatCardFooter } from "../../components/Chat/ChatCardFooter";
|
|
import { ChatCardHeader } from "../../components/Chat/ChatCardHeader";
|
|
|
|
const Clients = () => (
|
|
<React.Fragment>
|
|
<Container>
|
|
<HeaderMain
|
|
title="Chat"
|
|
className="mb-5 mt-4"
|
|
/>
|
|
{ /* START Content */}
|
|
<Row>
|
|
<Col lg={ 3 }>
|
|
<ChatLeftNav />
|
|
</Col>
|
|
<Col lg={ 9 }>
|
|
<Card className="mb-3">
|
|
<CardHeader className="d-flex bb-0 bg-white">
|
|
<ChatCardHeader />
|
|
</CardHeader>
|
|
<CardBody>
|
|
<ChatLeft cardClassName="bg-gray-300 b-0 text-dark" />
|
|
<ChatRight cardClassName="text-dark"/>
|
|
<ChatLeft cardClassName="bg-gray-300 b-0 text-dark" />
|
|
<ChatRight cardClassName="text-dark"/>
|
|
<div className="small mb-3 mt-4 text-center">
|
|
Yesterday
|
|
</div>
|
|
<ChatLeft cardClassName="bg-gray-300 b-0 text-dark" />
|
|
<ChatRight cardClassName="text-dark"/>
|
|
<ChatLeft cardClassName="bg-gray-300 b-0 text-dark" />
|
|
</CardBody>
|
|
<CardFooter>
|
|
<ChatCardFooter />
|
|
</CardFooter>
|
|
</Card>
|
|
</Col>
|
|
</Row>
|
|
{ /* END Content */}
|
|
|
|
</Container>
|
|
</React.Fragment>
|
|
);
|
|
|
|
export default Clients; |