diff --git a/frontend/src/Episode/EpisodeQuality.js b/frontend/src/Episode/EpisodeQuality.js
index f5fae345d..5ca64224a 100644
--- a/frontend/src/Episode/EpisodeQuality.js
+++ b/frontend/src/Episode/EpisodeQuality.js
@@ -3,6 +3,7 @@ import React from 'react';
import Label from 'Components/Label';
import { kinds } from 'Helpers/Props';
import formatBytes from 'Utilities/Number/formatBytes';
+import translate from 'Utilities/String/translate';
function getTooltip(title, quality, size) {
if (!title) {
@@ -26,13 +27,44 @@ function getTooltip(title, quality, size) {
return title;
}
+function revisionLabel(className, quality, showRevision) {
+ if (!showRevision) {
+ return;
+ }
+
+ if (quality.revision.isRepack) {
+ return (
+
+ );
+ }
+
+ if (quality.revision.version && quality.revision.version > 1) {
+ return (
+
+ );
+ }
+}
+
function EpisodeQuality(props) {
const {
className,
title,
quality,
size,
- isCutoffNotMet
+ isCutoffNotMet,
+ showRevision
} = props;
if (!quality) {
@@ -40,13 +72,15 @@ function EpisodeQuality(props) {
}
return (
-
+
+ {revisionLabel(className, quality, showRevision)}
+
);
}
@@ -55,11 +89,13 @@ EpisodeQuality.propTypes = {
title: PropTypes.string,
quality: PropTypes.object.isRequired,
size: PropTypes.number,
- isCutoffNotMet: PropTypes.bool
+ isCutoffNotMet: PropTypes.bool,
+ showRevision: PropTypes.bool
};
EpisodeQuality.defaultProps = {
- title: ''
+ title: '',
+ showRevision: false
};
export default EpisodeQuality;
diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.css b/frontend/src/InteractiveSearch/InteractiveSearchRow.css
index 78a02d2d0..a2f5883c8 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearchRow.css
+++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.css
@@ -28,6 +28,10 @@
text-align: center;
}
+.quality {
+ white-space: nowrap;
+}
+
.languages {
width: 100px;
}
diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.tsx b/frontend/src/InteractiveSearch/InteractiveSearchRow.tsx
index d95c383c0..4f6295ef6 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearchRow.tsx
+++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.tsx
@@ -244,7 +244,7 @@ function InteractiveSearchRow(props: InteractiveSearchRowProps) {
-
+