29
app/routes/components/Chat/ChatCardFooter.js
Executable file
29
app/routes/components/Chat/ChatCardFooter.js
Executable file
@@ -0,0 +1,29 @@
|
||||
import React from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
|
||||
import {
|
||||
InputGroup,
|
||||
InputGroupAddon,
|
||||
Button,
|
||||
Input
|
||||
} from './../../../components';
|
||||
|
||||
const ChatCardFooter = () => (
|
||||
<React.Fragment>
|
||||
<InputGroup>
|
||||
<InputGroupAddon addonType="prepend">
|
||||
<Button color="secondary" outline>
|
||||
<i className="fa fa fa-paperclip"></i>
|
||||
</Button>
|
||||
</InputGroupAddon>
|
||||
<Input placeholder="Your message..." />
|
||||
<InputGroupAddon addonType="append">
|
||||
<Button color="primary" tag={ Link } to="/apps/chat">
|
||||
<i className="fa fa fa-send"></i>
|
||||
</Button>
|
||||
</InputGroupAddon>
|
||||
</InputGroup>
|
||||
</React.Fragment>
|
||||
)
|
||||
|
||||
export { ChatCardFooter };
|
Reference in New Issue
Block a user