93 lines
3.6 KiB
JavaScript
Executable File
93 lines
3.6 KiB
JavaScript
Executable File
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import {
|
|
Card,
|
|
CardBody,
|
|
Button,
|
|
UncontrolledTooltip,
|
|
UncontrolledButtonDropdown,
|
|
DropdownToggle,
|
|
DropdownMenu,
|
|
CardFooter,
|
|
CustomInput,
|
|
ButtonGroup,
|
|
DropdownItem
|
|
} from './../../../components';
|
|
|
|
import {
|
|
Profile
|
|
} from "./../Profile";
|
|
|
|
const UsersCardGrid = (props) => (
|
|
<React.Fragment>
|
|
{ /* START Card */}
|
|
<Card>
|
|
<CardBody>
|
|
<div className="d-flex">
|
|
<CustomInput className="pt-0 mt-0" type="checkbox" id={`usersCardGrid-${ props.id }` } label="" />
|
|
<ButtonGroup size="sm" className="ml-auto">
|
|
<Button color="link" size="sm" id={`usersCardGridTooltip-${ props.id }` } className="pt-0">
|
|
<i className="fa fa-star-o"></i>
|
|
</Button>
|
|
<UncontrolledTooltip placement="top" target={`usersCardGridTooltip-${ props.id }` }>
|
|
Add To Favorites
|
|
</UncontrolledTooltip>
|
|
<UncontrolledButtonDropdown className="ml-auto">
|
|
<DropdownToggle color="link" size="sm" className="pt-0">
|
|
<i className="fa fa-fw fa-bars pr-0" />
|
|
</DropdownToggle>
|
|
<DropdownMenu right>
|
|
<DropdownItem>
|
|
<i className="fa fa-fw fa-phone mr-2"></i>
|
|
Call
|
|
</DropdownItem>
|
|
<DropdownItem>
|
|
<i className="fa fa-fw fa-comment mr-2"></i>
|
|
Chat
|
|
</DropdownItem>
|
|
<DropdownItem>
|
|
<i className="fa fa-fw fa-video-camera mr-2"></i>
|
|
Video
|
|
</DropdownItem>
|
|
<DropdownItem>
|
|
<i className="fa fa-fw fa-user mr-2"></i>
|
|
Profile
|
|
</DropdownItem>
|
|
<DropdownItem>
|
|
<i className="fa fa-fw fa-pencil mr-2"></i>
|
|
Edit
|
|
</DropdownItem>
|
|
<DropdownItem divider />
|
|
<DropdownItem>
|
|
<i className="fa fa-fw fa-trash mr-2"></i>
|
|
Delete
|
|
</DropdownItem>
|
|
</DropdownMenu>
|
|
</UncontrolledButtonDropdown>
|
|
</ButtonGroup>
|
|
</div>
|
|
<Profile />
|
|
</CardBody>
|
|
<CardFooter className="bt-0 text-center">
|
|
<span>
|
|
<span className="mr-3">
|
|
<i className="fa fa-user-o mr-1"></i> <span className="text-inverse">233</span>
|
|
</span>
|
|
<span>
|
|
<i className="fa fa-star-o mr-1"></i> <span className="text-inverse">98</span>
|
|
</span>
|
|
</span>
|
|
</CardFooter>
|
|
</Card>
|
|
{ /* END Card */}
|
|
</React.Fragment>
|
|
)
|
|
UsersCardGrid.propTypes = {
|
|
id: PropTypes.node
|
|
};
|
|
UsersCardGrid.defaultProps = {
|
|
id: "1"
|
|
};
|
|
|
|
export { UsersCardGrid };
|