QualityDefinition UI fixes

frontend/src/Settings/Quality/Definition/QualityDefinition.js

@@ -141,10 +141,10 @@ class QualityDefinition extends Component {
     } = this.state;
 
     const minBytes = minSize * 1024 * 1024;
-    const minSixty = `${formatBytes(minBytes * 60, 2)}/h`;
+    const minSixty = `${formatBytes(minBytes * 60)}/h`;
 
     const maxBytes = maxSize && maxSize * 1024 * 1024;
-    const maxSixty = maxBytes ? `${formatBytes(maxBytes * 60, 2)}/h` : 'Unlimited';
+    const maxSixty = maxBytes ? `${formatBytes(maxBytes * 60)}/h` : 'Unlimited';
 
     return (
       <div className={styles.qualityDefinition}>

frontend/src/Settings/Quality/Definition/QualityDefinitionLimits.js

@@ -12,9 +12,9 @@ function QualityDefinitionLimits(props) {
     return <div>{message}</div>;
   }
 
-  const thirty = formatBytes(bytes * 30, 2);
-  const fourtyFive = formatBytes(bytes * 45, 2);
-  const sixty = formatBytes(bytes * 60, 2);
+  const thirty = formatBytes(bytes * 30);
+  const fourtyFive = formatBytes(bytes * 45);
+  const sixty = formatBytes(bytes * 60);
 
   return (
     <div>
@@ -26,7 +26,7 @@ function QualityDefinitionLimits(props) {
 }
 
 QualityDefinitionLimits.propTypes = {
-  bytes: PropTypes.number.isRequired,
+  bytes: PropTypes.number,
   message: PropTypes.string.isRequired
 };