Make UsersTableEmpty an SFC

pull/10616/head
Jared Scheib 2018-01-10 16:06:48 -08:00
parent 5231218c5e
commit 6e5b5c2790
1 changed files with 20 additions and 24 deletions

View File

@ -3,31 +3,27 @@ import React from 'react'
import UsersTableHeader from 'src/admin/components/chronograf/UsersTableHeader'
import {USERS_TABLE} from 'src/admin/constants/chronografTableSizing'
const {colRole, colProvider, colScheme, colActions} = USERS_TABLE
const UsersTableEmpty = () => {
const {colRole, colProvider, colScheme, colActions} = USERS_TABLE
return (
<div className="panel panel-default">
<UsersTableHeader />
<div className="panel-body">
<table className="table table-highlight v-center chronograf-admin-table">
<thead>
<tr>
<th>Username</th>
<th style={{width: colRole}} className="align-with-col-text">
Role
</th>
<th style={{width: colProvider}}>Provider</th>
<th style={{width: colScheme}}>Scheme</th>
<th className="text-right" style={{width: colActions}} />
</tr>
</thead>
<tbody />
</table>
</div>
const UsersTableEmpty = () =>
<div className="panel panel-default">
<UsersTableHeader />
<div className="panel-body">
<table className="table table-highlight v-center chronograf-admin-table">
<thead>
<tr>
<th>Username</th>
<th style={{width: colRole}} className="align-with-col-text">
Role
</th>
<th style={{width: colProvider}}>Provider</th>
<th style={{width: colScheme}}>Scheme</th>
<th className="text-right" style={{width: colActions}} />
</tr>
</thead>
<tbody />
</table>
</div>
)
}
</div>
export default UsersTableEmpty