Fixed: Custom formats with a total score of zero not showing in some places

frontend/src/Episode/History/EpisodeHistoryRow.js

@@ -3,7 +3,6 @@ import React, { Component } from 'react';
 import HistoryDetailsConnector from 'Activity/History/Details/HistoryDetailsConnector';
 import HistoryEventTypeCell from 'Activity/History/HistoryEventTypeCell';
 import Icon from 'Components/Icon';
-import Label from 'Components/Label';
 import IconButton from 'Components/Link/IconButton';
 import ConfirmModal from 'Components/Modal/ConfirmModal';
 import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellConnector';
@@ -11,6 +10,7 @@ import TableRowCell from 'Components/Table/Cells/TableRowCell';
 import TableRow from 'Components/Table/TableRow';
 import Popover from 'Components/Tooltip/Popover';
 import Tooltip from 'Components/Tooltip/Tooltip';
+import EpisodeFormats from 'Episode/EpisodeFormats';
 import EpisodeLanguages from 'Episode/EpisodeLanguages';
 import EpisodeQuality from 'Episode/EpisodeQuality';
 import { icons, kinds, tooltipPositions } from 'Helpers/Props';
@@ -129,21 +129,9 @@ class EpisodeHistoryRow extends Component {
         <TableRowCell className={styles.customFormatScore}>
           <Tooltip
             anchor={
-              formatPreferredWordScore(data.customFormatScore)
+              formatPreferredWordScore(data.customFormatScore, customFormats.length)
-            }
-            tooltip={
-              <div>
-                {
-                  customFormats.map((format) => {
-                    return (
-                      <Label key={format.id}>
-                        {format.name}
-                      </Label>
-                    );
-                  })
-                }
-              </div>
             }
+            tooltip={<EpisodeFormats formats={customFormats} />}
             position={tooltipPositions.BOTTOM}
           />
         </TableRowCell>

frontend/src/InteractiveSearch/InteractiveSearchRow.js

@@ -2,7 +2,6 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import ProtocolLabel from 'Activity/Queue/ProtocolLabel';
 import Icon from 'Components/Icon';
-import Label from 'Components/Label';
 import Link from 'Components/Link/Link';
 import SpinnerIconButton from 'Components/Link/SpinnerIconButton';
 import ConfirmModal from 'Components/Modal/ConfirmModal';
@@ -10,6 +9,7 @@ import TableRowCell from 'Components/Table/Cells/TableRowCell';
 import TableRow from 'Components/Table/TableRow';
 import Popover from 'Components/Tooltip/Popover';
 import Tooltip from 'Components/Tooltip/Tooltip';
+import EpisodeFormats from 'Episode/EpisodeFormats';
 import EpisodeLanguages from 'Episode/EpisodeLanguages';
 import EpisodeQuality from 'Episode/EpisodeQuality';
 import { icons, kinds, tooltipPositions } from 'Helpers/Props';
@@ -199,21 +199,9 @@ class InteractiveSearchRow extends Component {
         <TableRowCell className={styles.customFormatScore}>
           <Tooltip
             anchor={
-              formatPreferredWordScore(customFormatScore)
+              formatPreferredWordScore(customFormatScore, customFormats.length)
-            }
-            tooltip={
-              <div>
-                {
-                  customFormats.map((format) => {
-                    return (
-                      <Label key={format.id}>
-                        {format.name}
-                      </Label>
-                    );
-                  })
-                }
-              </div>
             }
+            tooltip={<EpisodeFormats formats={customFormats} />}
             position={tooltipPositions.BOTTOM}
           />
         </TableRowCell>

frontend/src/Series/History/SeriesHistoryRow.js

@@ -3,7 +3,6 @@ import React, { Component } from 'react';
 import HistoryDetailsConnector from 'Activity/History/Details/HistoryDetailsConnector';
 import HistoryEventTypeCell from 'Activity/History/HistoryEventTypeCell';
 import Icon from 'Components/Icon';
-import Label from 'Components/Label';
 import IconButton from 'Components/Link/IconButton';
 import ConfirmModal from 'Components/Modal/ConfirmModal';
 import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellConnector';
@@ -11,6 +10,7 @@ import TableRowCell from 'Components/Table/Cells/TableRowCell';
 import TableRow from 'Components/Table/TableRow';
 import Popover from 'Components/Tooltip/Popover';
 import Tooltip from 'Components/Tooltip/Tooltip';
+import EpisodeFormats from 'Episode/EpisodeFormats';
 import EpisodeLanguages from 'Episode/EpisodeLanguages';
 import EpisodeNumber from 'Episode/EpisodeNumber';
 import EpisodeQuality from 'Episode/EpisodeQuality';
@@ -149,21 +149,9 @@ class SeriesHistoryRow extends Component {
         <TableRowCell className={styles.customFormatScore}>
           <Tooltip
             anchor={
-              formatPreferredWordScore(data.customFormatScore)
+              formatPreferredWordScore(data.customFormatScore, customFormats.length)
-            }
-            tooltip={
-              <div>
-                {
-                  customFormats.map((format) => {
-                    return (
-                      <Label key={format.id}>
-                        {format.name}
-                      </Label>
-                    );
-                  })
-                }
-              </div>
             }
+            tooltip={<EpisodeFormats formats={customFormats} />}
             position={tooltipPositions.BOTTOM}
           />
         </TableRowCell>

frontend/src/Utilities/Number/formatPreferredWordScore.js

@@ -1,5 +1,5 @@
 
-function formatPreferredWordScore(input) {
+function formatPreferredWordScore(input, customFormatsLength = 0) {
   const score = Number(input);
 
   if (score > 0) {
@@ -10,7 +10,7 @@ function formatPreferredWordScore(input) {
     return score;
   }
 
-  return '';
+  return customFormatsLength > 0 ? '+1' : '';
 }
 
 export default formatPreferredWordScore;