stitch-ui/src/logs/components/LogsTable.js

// TODO proptypes
/* eslint-disable react/prop-types */
import React from "react"; // eslint-disable-line no-unused-vars
import LogEntry from "./LogEntry";

export default function LogsTable({ entries, app }) {
  return (
    <div className="logs-listing">
      <div className="logs-listing-header">
        <div className="col-header col-status">Status</div>
        <div className="col-header col-at">At</div>
        <div className="col-header col-timetaken">Time Taken</div>
        <div className="col-header col-user">User</div>
        <div className="col-header col-desc">Description</div>
      </div>
      {entries.length === 0
        ? <div className="logs-listing-is-empty">No log entries found.</div>
        : entries.map(entry =>
            <LogEntry app={app} key={entry._id} entry={entry} />
          )}
    </div>
  );
}