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

64
app/routes/components/Stock/TrTableFavStock.js Executable file
View File

@@ -0,0 +1,64 @@
import React from 'react';
import _ from 'lodash';
import { randomArray } from './../../../utilities';
import {
Badge
} from './../../../components';
const name = [
"Action Score",
"Quality Score",
"Value Score",
"Growth Score"
];
const badge = [
"a",
"q",
"v",
"g"
];
const value = [
"23",
"67",
"12",
"89",
"11",
"10",
"43",
"98"
];
const TrTableFavStock = () => {
return (
<React.Fragment>
{
_.times(5, (index) => (
<tr key={ index }>
<td className="align-middle">
{ randomArray(name) }
</td>
<td className="align-middle">
<Badge pill className="text-uppercase mr-1"> { randomArray(badge) } </Badge> <span className="text-inverse">{ randomArray(value) }</span>
</td>
<td className="align-middle">
<Badge pill className="text-uppercase mr-1"> { randomArray(badge) } </Badge> <span className="text-inverse">{ randomArray(value) }</span>
</td>
<td className="align-middle">
<Badge pill className="text-uppercase mr-1"> { randomArray(badge) } </Badge> <span className="text-inverse">{ randomArray(value) }</span>
</td>
<td className="align-middle">
<Badge pill className="text-uppercase mr-1"> { randomArray(badge) } </Badge> <span className="text-inverse">{ randomArray(value) }</span>
</td>
<td className="align-middle">
<Badge pill className="text-uppercase mr-1"> { randomArray(badge) } </Badge> <span className="text-inverse">{ randomArray(value) }</span>
</td>
<td className="align-middle">
<Badge pill className="text-uppercase mr-1"> { randomArray(badge) } </Badge> <span className="text-inverse">{ randomArray(value) }</span>
</td>
</tr>
))
}
</React.Fragment>)
}
export { TrTableFavStock };