70 lines
2.2 KiB
JavaScript
Executable File
70 lines
2.2 KiB
JavaScript
Executable File
import React from 'react';
|
|
import { faker } from '@faker-js/faker/locale/fr';
|
|
|
|
import {
|
|
Media,
|
|
UncontrolledTooltip
|
|
} from './../../../components';
|
|
|
|
const TrResponsive = () => (
|
|
<React.Fragment>
|
|
{ /* START TR */}
|
|
<tr>
|
|
<td className="align-middle">
|
|
<i className="fa fa -fw fa-circle text-danger"></i>
|
|
</td>
|
|
<td className="align-middle">
|
|
<Media>
|
|
<Media left className="align-self-center mr-3">
|
|
<i className="fa fa-fw fa-desktop fa-lg"></i>
|
|
</Media>
|
|
<Media body>
|
|
<div className="mt-0 d-flex">
|
|
<span className="text-inverse">
|
|
Safari
|
|
</span> /
|
|
{ faker.system.semver() }
|
|
</div>
|
|
<span>
|
|
macOs { faker.system.semver() }
|
|
</span>
|
|
</Media>
|
|
</Media>
|
|
</td>
|
|
<td className="align-middle">
|
|
<div>
|
|
<samp>
|
|
{ faker.internet.ip() }
|
|
</samp>
|
|
</div>
|
|
<span>
|
|
-
|
|
</span>
|
|
</td>
|
|
<td className="align-middle">
|
|
<div>
|
|
{ faker.address.city() }
|
|
</div>
|
|
<span>
|
|
{ faker.address.state() }, { faker.address.country() }
|
|
</span>
|
|
</td>
|
|
<td className="align-middle">
|
|
{ faker.date.weekday() }, 12 { faker.date.month() }, 2018<br />
|
|
12:34 PM
|
|
</td>
|
|
<td className="align-middle text-right">
|
|
<a href="#" id="UncontrolledTooltipRevoke">
|
|
<i className="fa fa-fw fa-close text-danger"></i>
|
|
</a>
|
|
<UncontrolledTooltip placement="left" target="UncontrolledTooltipRevoke">
|
|
Revoke
|
|
</UncontrolledTooltip>
|
|
</td>
|
|
</tr>
|
|
{ /* END TR */}
|
|
</React.Fragment>
|
|
)
|
|
|
|
export { TrResponsive };
|