Blog/Airframe-React
Template
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Init

Browse Source 
Preview: http://dashboards.webkom.co/react/airframe
This commit is contained in:
Tomasz Owczarczyk
2019-08-15 00:54:44 +02:00
parent f975443095
commit 37092d1d6c
626 changed files with 56691 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
app/routes/components/Financial/TrTableInvoices.js Executable file
View File

@@ -0,0 +1,74 @@
import React from 'react';
import _ from 'lodash';
import faker from 'faker/locale/en_US';
import {
Media,
Avatar,
AvatarAddOn
} from './../../../components';
import { randomAvatar } from './../../../utilities';
const TrTableInvoices = () => (
<React.Fragment>
{
_.times(6, (index) => (
<tr key={ index }>
<td className="align-middle">
<span className="text-inverse">{ faker.company.companyName() }</span><br />
{ faker.company.bsBuzz() }
</td>
<td className="align-middle">
${ faker.commerce.price() }
</td>
<td className="align-middle text-nowrap">
25-May-2018
</td>
<td className="align-middle">
<Media>
<Media left className="align-self-center mr-4">
<Avatar.Image
size="md"
src={ randomAvatar() }
addOns={[
<AvatarAddOn.Icon
className="fa fa-circle"
color="white"
key="avatar-icon-bg"
/>,
<AvatarAddOn.Icon
className="fa fa-circle"
color="danger"
key="avatar-icon-fg"
/>
]}
/>
</Media>
<Media body>
<span className="d-flex mb-1">
<span className="mt-0 d-flex h6 mb-0">
{ faker.name.firstName() } { faker.name.lastName() }
</span>
</span>
<p className="mb-0">
{ faker.name.jobTitle() }
</p>
</Media>
</Media>
</td>
<td className="align-middle">
<a href="#" className="text-decoration-none">
{ faker.internet.exampleEmail() }
</a><br />
{ faker.phone.phoneNumber() }
</td>
<td className="text-right align-middle text-nowrap">
<a href="#" className="text-decoration-none">View <i className="fa fa-angle-right"></i></a>
</td>
</tr>
))
}
</React.Fragment>
)
export { TrTableInvoices };