60
app/routes/Apps/Chat/Chat.js
Executable file
60
app/routes/Apps/Chat/Chat.js
Executable file
@@ -0,0 +1,60 @@
|
||||
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;
|
Reference in New Issue
Block a user