import React from 'react'; import faker from 'faker/locale/en_US'; import { Container, Row, Col, Nav, NavItem, NavLink, Table, Button, Card, CardBody, CardFooter, UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, Media, Input, InputGroup, CustomInput, InputGroupAddon, Badge, Avatar } from './../../../components'; import { randomAvatar } from './../../../utilities'; import { HeaderMain } from "../../components/HeaderMain"; import { ProjectsSmHeader } from "../../components/Projects/ProjectsSmHeader"; import { Attachment } from "../../components/Attachment"; import { Comment } from "../../components/Comment"; const TasksDetails = () => ( { /* START Header 1 */} { /* START Left Nav */}
Task Details
Project Analytics Redo
Assigned by { faker.name.firstName() } { faker.name.lastName() }
Start Date Thu 12 May 2016
End Date Wed 18 May 2016
Priority Small Select Priority Big High Normal Small
Progress 30%
Task ID # 6726746
Date Assigned Wed, 16 Dec 2015, 12:17 PM
{ /* END Left Nav */} { /* START Left Nav */}
Assigned to
{ /* END Left Nav */} { /* START Right Content */}
#{ faker.random.number() } { faker.hacker.phrase() }
{ faker.commerce.department() } { faker.commerce.department() } { faker.commerce.department() }

Animi ea magni voluptates accusamus laboriosam. Unde repellat hic id et aliquam ut qui dignissimos.

{ faker.lorem.paragraphs() }

{ /* START Atachemnts */} { /* END Atachemnts */}
Comments 3
{ /* END Comment Media */}
{ /* END Right Content */}
{ /* END Header 1 */}
); export default TasksDetails;