+ let resourceOrchestrators = (this.props['resource-orchestrator'].length > 0) ? this.props['resource-orchestrator'].map(function(orchestrator, index) {
+ let status = null;
+ if (orchestrator) {
+ if (orchestrator['connection-status']) {
+ status = orchestrator['connection-status'].status;
+ }
+ return (
+ <DashboardCard key={index} className='pool-card accountSidebarCard'>
+ <header>
+ <Link to={'accounts/resource-orchestrator/' + encodeURIComponent(orchestrator.name)}>
+ <div className="accountSidebarCard--content">
+ <img className="accountSidebarCard--logo" src={store.getImage(orchestrator['ro-account-type'])} />
+ <h3 title="Edit Resource Orchestrator(RO) Account">
+ <span className="accountSidebarCard--name" title={orchestrator.name}>{orchestrator.name}</span>
+ <AccountConnectivityStatus status={status}/>
+ </h3>
+ </div>
+ </Link>
+ </header>
+ </DashboardCard>
+ );
+ }
+ }) : null;