71
app/routes/Apps/Users/UsersList.js
Executable file
71
app/routes/Apps/Users/UsersList.js
Executable file
@@ -0,0 +1,71 @@
|
||||
import React from 'react';
|
||||
|
||||
import {
|
||||
Card,
|
||||
CardFooter,
|
||||
Table,
|
||||
} from './../../../components';
|
||||
|
||||
import {
|
||||
TrTableUsersList
|
||||
} from "./components/TrTableUsersList";
|
||||
|
||||
import {
|
||||
Paginations
|
||||
} from "../../components/Paginations";
|
||||
|
||||
const UsersList = () => (
|
||||
<Card className="mb-3">
|
||||
{ /* START Table */}
|
||||
<div className="table-responsive-xl">
|
||||
<Table className="mb-0" hover>
|
||||
<thead>
|
||||
<tr>
|
||||
<th className="align-middle bt-0"></th>
|
||||
<th className="align-middle bt-0"></th>
|
||||
<th className="align-middle bt-0">Name</th>
|
||||
<th className="align-middle bt-0">Email</th>
|
||||
<th className="align-middle bt-0">Phone</th>
|
||||
<th className="align-middle bt-0 text-right">
|
||||
Actions
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<TrTableUsersList />
|
||||
<TrTableUsersList
|
||||
id="2"
|
||||
/>
|
||||
<TrTableUsersList
|
||||
id="3"
|
||||
/>
|
||||
<TrTableUsersList
|
||||
id="4"
|
||||
/>
|
||||
<TrTableUsersList
|
||||
id="5"
|
||||
/>
|
||||
<TrTableUsersList
|
||||
id="6"
|
||||
/>
|
||||
<TrTableUsersList
|
||||
id="7"
|
||||
/>
|
||||
<TrTableUsersList
|
||||
id="8"
|
||||
/>
|
||||
<TrTableUsersList
|
||||
id="9"
|
||||
/>
|
||||
</tbody>
|
||||
</Table>
|
||||
</div>
|
||||
{ /* END Table */}
|
||||
<CardFooter className="d-flex justify-content-center pb-0">
|
||||
<Paginations />
|
||||
</CardFooter>
|
||||
</Card>
|
||||
|
||||
);
|
||||
|
||||
export default UsersList;
|
Reference in New Issue
Block a user