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> </button>
</div> </div>
<div className="panel-body"> <div className="panel-body">
<table className="table v-center admin-table"> {dashboards && dashboards.length
<thead> ? <table className="table v-center admin-table">
<tr> <thead>
<th>Name</th> <tr>
<th /> <th>Name</th>
</tr> <th />
</thead> </tr>
<tbody> </thead>
{dashboards && dashboards.length <tbody>
? dashboards.map(dashboard => { {dashboards.map(dashboard => (
return ( <tr key={dashboard.id} className="">
<tr key={dashboard.id} className=""> <td className="monotype">
<td className="monotype"> <Link
<Link to={`${dashboardLink}/dashboards/${dashboard.id}`}
to={`${dashboardLink}/dashboards/${dashboard.id}`} >
> {dashboard.name}
{dashboard.name} </Link>
</Link> </td>
</td> <DeleteConfirmTableCell
<DeleteConfirmTableCell onDelete={this.handleDeleteDashboard}
onDelete={this.handleDeleteDashboard} item={dashboard}
item={dashboard} />
/> </tr>
</tr> ))}
) </tbody>
}) </table>
: null} : <div className="generic-empty-state">
</tbody> <h4 style={{marginTop: '90px'}}>
</table> 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> </div>
</div> </div>