Influxdata
/
chronograf
mirror of https://github.com/influxdata/chronograf.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add empty state

pull/1344/head
Andrew Watkins 2017-04-27 11:08:12 -07:00
parent 6237ad0473
commit 0dd2ba1c96
1 changed files with 38 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
ui/src/dashboards/containers/DashboardsPage.js
View File

@ -87,35 +87,44 @@ const DashboardsPage = React.createClass({
</button>
</div>
<div className="panel-body">
<table className="table v-center admin-table">
<thead>
<tr>
<th>Name</th>
<th />
</tr>
</thead>
<tbody>
{dashboards && dashboards.length
? dashboards.map(dashboard => {
return (
<tr key={dashboard.id} className="">
<td className="monotype">
<Link
to={`${dashboardLink}/dashboards/${dashboard.id}`}
>
{dashboard.name}
</Link>
</td>
<DeleteConfirmTableCell
onDelete={this.handleDeleteDashboard}
item={dashboard}
/>
</tr>
)
})
: null}
</tbody>
</table>
{dashboards && dashboards.length
? <table className="table v-center admin-table">
<thead>
<tr>
<th>Name</th>
<th />
</tr>
</thead>
<tbody>
{dashboards.map(dashboard => (
<tr key={dashboard.id} className="">
<td className="monotype">
<Link
to={`${dashboardLink}/dashboards/${dashboard.id}`}
>
{dashboard.name}
</Link>
</td>
<DeleteConfirmTableCell
onDelete={this.handleDeleteDashboard}
item={dashboard}
/>
</tr>
))}
</tbody>
</table>
: <div className="generic-empty-state">
<h4 style={{marginTop: '90px'}}>
Looks like you dont have any dashboards
</h4>
<button
className="btn btn-sm btn-primary"
onClick={this.handleCreateDashbord}
style={{marginBottom: '90px'}}
>
Create Dashboard
</button>
</div>}
</div>
</div>
</div>