New: Project Aphrodite

frontend/src/System/Logs/Files/LogFilesTableRow.js

@@ -0,0 +1,50 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import Link from 'Components/Link/Link';
+import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellConnector';
+import TableRow from 'Components/Table/TableRow';
+import TableRowCell from 'Components/Table/Cells/TableRowCell';
+import styles from './LogFilesTableRow.css';
+
+class LogFilesTableRow extends Component {
+
+  //
+  // Render
+
+  render() {
+    const {
+      filename,
+      lastWriteTime,
+      downloadUrl
+    } = this.props;
+
+    return (
+      <TableRow>
+        <TableRowCell>{filename}</TableRowCell>
+
+        <RelativeDateCellConnector
+          date={lastWriteTime}
+        />
+
+        <TableRowCell className={styles.download}>
+          <Link
+            to={downloadUrl}
+            target="_blank"
+            noRouter={true}
+          >
+            Download
+          </Link>
+        </TableRowCell>
+      </TableRow>
+    );
+  }
+
+}
+
+LogFilesTableRow.propTypes = {
+  filename: PropTypes.string.isRequired,
+  lastWriteTime: PropTypes.string.isRequired,
+  downloadUrl: PropTypes.string.isRequired
+};
+
+export default LogFilesTableRow;