docker-ps.jsx

export const command = `/usr/local/bin/docker ps --format '{{.Names}}\t{{.Ports}}'`

export const refreshFrequency = 5000 // ms

export const render = ({ output }) => {
  if (!output) return <h3>Docker daemon not responding</h3>
  const lines = output.split("\n")

  function tableRow(line) {
    const splitLine = line.split(/\t/)
    return (
      <tr>
      <td>{splitLine[0]}</td>
      <td>{splitLine[1]}</td>
      </tr>
    )
  }
  
  return (
    <table>
      <thead>
        <tr>
          <th>Name</th>
          <th>Ports</th>
        </tr>
      </thead>
      <tbody>
        {lines.filter(l => l).sort().map(tableRow)}
      </tbody>
    </table>
  )
} 

export const className = `
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.5rem;
  color: #fff;
  font-family: monospace ;
  th {
    font-size: 1rem;
  }
  td {
    border-bottom: 1px solid rgba(0,0,0,0.5);
    padding: 0.25rem 0.5rem;
  }
`