weave-scope/client/app/scripts/components/details.js

import React from 'react';

import DetailsCard from './details-card';

export default function Details({controlStatus, details, nodes}) {
  // render all details as cards, later cards go on top
  return (
    <div className="details">
      {details.toIndexedSeq().map((obj, index) => <DetailsCard key={obj.id}
        index={index} cardCount={details.size} nodes={nodes}
        nodeControlStatus={controlStatus[obj.id]} {...obj} />
      )}
    </div>
  );
}