New: Digital Release Dates in UI

frontend/src/Movie/Index/Table/MovieIndexHeader.css

@@ -32,6 +32,7 @@
 .added,
 .inCinemas,
 .physicalRelease,
+.digitalRelease,
 .runtime,
 .genres {
   composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';

frontend/src/Movie/Index/Table/MovieIndexRow.css

@@ -39,6 +39,7 @@
 .added,
 .inCinemas,
 .physicalRelease,
+.digitalRelease,
 .runtime,
 .genres {
   composes: cell;

frontend/src/Movie/Index/Table/MovieIndexRow.js

@@ -72,6 +72,7 @@ class MovieIndexRow extends Component {
       year,
       inCinemas,
       physicalRelease,
+      digitalRelease,
       runtime,
       minimumAvailability,
       path,
@@ -225,6 +226,17 @@ class MovieIndexRow extends Component {
               );
             }
 
+            if (name === 'digitalRelease') {
+              return (
+                <RelativeDateCellConnector
+                  key={name}
+                  className={styles[name]}
+                  date={digitalRelease}
+                  component={VirtualTableRowCell}
+                />
+              );
+            }
+
             if (name === 'runtime') {
               return (
                 <VirtualTableRowCell
@@ -401,6 +413,7 @@ MovieIndexRow.propTypes = {
   year: PropTypes.number,
   inCinemas: PropTypes.string,
   physicalRelease: PropTypes.string,
+  digitalRelease: PropTypes.string,
   runtime: PropTypes.number,
   minimumAvailability: PropTypes.string.isRequired,
   path: PropTypes.string.isRequired,