               "size: #{nodePool.size}"
       td null,
         for nodePoolStatus in cluster.status.nodePools
+          specSize = @nodePoolSpecSize(cluster, nodePoolStatus.name)
           div className: 'nodepool-info', key: "status-#{nodePoolStatus.name}",
             for k,v of nodePoolStatus
               unless k == 'name' || k == 'size'
                 div key: k,
                   strong null, "#{k}: "
-                  "#{v}/#{nodePoolStatus.size}"
+                  "#{v}/#{specSize}"
 
 
 

      @startPolling()

  componentDidMount:()->
    @startPolling() if @props.cluster.status.kluster.state != 'Ready' || !@nodePoolsReady(@props.cluster.status.nodePools)

  componentWillUnmount: () ->
    # stop polling on unmounting

    @props.handlePollingStop(@props.cluster.name)
    clearInterval(@polling)

  nodePoolsReady: (cluster) ->
    # return ready only if all state values of all nodepools match the configured size
    ready = true
    for nodePool in cluster.status.nodePools
      specPool = (cluster.spec.nodePools.filter (i) -> i.name is nodePool.name)[0]
      for k,v of nodePool
        unless k == 'name' || k == 'size'
          if v != specPool.size
            ready = false
            break
    ready

  # find spec size for pool with given name
  nodePoolSpecSize: (cluster, poolName) ->
    pool = (cluster.spec.nodePools.filter (i) -> i.name is poolName)[0]
    pool.size



  render: ->
    {cluster, handleEditCluster, handleClusterDelete, handleGetCredentials, handlePollingStart, handlePollingStop} = @props
