Render actual number of organizations above organization table

pull/10616/head
Alex P 2017-11-08 09:47:00 -08:00
parent 7841f14c8b
commit 0b9bf0a68b
1 changed files with 8 additions and 1 deletions

View File

@ -28,13 +28,20 @@ class OrganizationsTable extends Component {
const {organizations, onDeleteOrg, onRenameOrg} = this.props const {organizations, onDeleteOrg, onRenameOrg} = this.props
const {isAddingOrganization} = this.state const {isAddingOrganization} = this.state
const tableTitle =
organizations.length === 1
? '1 Organizations'
: `${organizations.length} Organizations`
return ( return (
<div className="container-fluid"> <div className="container-fluid">
<div className="row"> <div className="row">
<div className="col-xs-12"> <div className="col-xs-12">
<div className="panel panel-minimal"> <div className="panel panel-minimal">
<div className="panel-heading u-flex u-ai-center u-jc-space-between"> <div className="panel-heading u-flex u-ai-center u-jc-space-between">
<h2 className="panel-title">22 Organizations</h2> <h2 className="panel-title">
{tableTitle}
</h2>
<button <button
className="btn btn-sm btn-primary" className="btn btn-sm btn-primary"
onClick={this.handleClickCreateOrganization} onClick={this.handleClickCreateOrganization}