From 77816aebacc6bb10863f026ddc8b79ba15b0a2c0 Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Sat, 5 Jan 2019 15:32:07 -0800
Subject: [PATCH] Fixed: Series index table header when banners are shown

---
 frontend/src/Series/Index/Table/SeriesIndexHeader.css | 4 ++++
 frontend/src/Series/Index/Table/SeriesIndexHeader.js  | 9 +++++++--
 frontend/src/Series/Index/Table/SeriesIndexTable.js   | 1 +
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Series/Index/Table/SeriesIndexHeader.css b/frontend/src/Series/Index/Table/SeriesIndexHeader.css
index 826d94110..4378c53b3 100644
--- a/frontend/src/Series/Index/Table/SeriesIndexHeader.css
+++ b/frontend/src/Series/Index/Table/SeriesIndexHeader.css
@@ -10,6 +10,10 @@
   flex: 4 0 110px;
 }
 
+.banner {
+  flex: 0 0 379px;
+}
+
 .network {
   composes: headerCell from 'Components/Table/VirtualTableHeaderCell.css';
 
diff --git a/frontend/src/Series/Index/Table/SeriesIndexHeader.js b/frontend/src/Series/Index/Table/SeriesIndexHeader.js
index 3de1ec64c..34e565239 100644
--- a/frontend/src/Series/Index/Table/SeriesIndexHeader.js
+++ b/frontend/src/Series/Index/Table/SeriesIndexHeader.js
@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+import classNames from 'classnames';
 import { icons } from 'Helpers/Props';
 import IconButton from 'Components/Link/IconButton';
 import VirtualTableHeader from 'Components/Table/VirtualTableHeader';
@@ -37,7 +38,7 @@ class SeriesIndexHeader extends Component {
 
   render() {
     const {
-      showSearchAction,
+      showBanners,
       columns,
       onTableOptionChange,
       ...otherProps
@@ -78,7 +79,10 @@ class SeriesIndexHeader extends Component {
             return (
               <VirtualTableHeaderCell
                 key={name}
-                className={styles[name]}
+                className={classNames(
+                  styles[name],
+                  name === 'sortTitle' && showBanners && styles.banner
+                )}
                 name={name}
                 isSortable={isSortable}
                 {...otherProps}
@@ -102,6 +106,7 @@ class SeriesIndexHeader extends Component {
 }
 
 SeriesIndexHeader.propTypes = {
+  showBanners: PropTypes.bool.isRequired,
   columns: PropTypes.arrayOf(PropTypes.object).isRequired,
   onTableOptionChange: PropTypes.func.isRequired
 };
diff --git a/frontend/src/Series/Index/Table/SeriesIndexTable.js b/frontend/src/Series/Index/Table/SeriesIndexTable.js
index d5cae1d51..b3a9a2e5a 100644
--- a/frontend/src/Series/Index/Table/SeriesIndexTable.js
+++ b/frontend/src/Series/Index/Table/SeriesIndexTable.js
@@ -95,6 +95,7 @@ class SeriesIndexTable extends Component {
         rowRenderer={this.rowRenderer}
         header={
           <SeriesIndexHeaderConnector
+            showBanners={showBanners}
             columns={columns}
             sortKey={sortKey}
             sortDirection={sortDirection}