Refactor Series index to use react-window

frontend/src/Series/Index/ProgressBar/SeriesIndexProgressBar.tsx

@@ -1,11 +1,20 @@
-import PropTypes from 'prop-types';
 import React from 'react';
 import ProgressBar from 'Components/ProgressBar';
 import { sizes } from 'Helpers/Props';
 import getProgressBarKind from 'Utilities/Series/getProgressBarKind';
 import styles from './SeriesIndexProgressBar.css';
 
-function SeriesIndexProgressBar(props) {
+interface SeriesIndexProgressBarProps {
+  monitored: boolean;
+  status: string;
+  episodeCount: number;
+  episodeFileCount: number;
+  totalEpisodeCount: number;
+  posterWidth: number;
+  detailedProgressBar: boolean;
+}
+
+function SeriesIndexProgressBar(props: SeriesIndexProgressBarProps) {
   const {
     monitored,
     status,
@@ -13,10 +22,10 @@ function SeriesIndexProgressBar(props) {
     episodeFileCount,
     totalEpisodeCount,
     posterWidth,
-    detailedProgressBar
+    detailedProgressBar,
   } = props;
 
-  const progress = episodeCount ? episodeFileCount / episodeCount * 100 : 100;
+  const progress = episodeCount ? (episodeFileCount / episodeCount) * 100 : 100;
   const text = `${episodeFileCount} / ${episodeCount}`;
 
   return (
@@ -34,14 +43,4 @@ function SeriesIndexProgressBar(props) {
   );
 }
 
-SeriesIndexProgressBar.propTypes = {
-  monitored: PropTypes.bool.isRequired,
-  status: PropTypes.string.isRequired,
-  episodeCount: PropTypes.number.isRequired,
-  episodeFileCount: PropTypes.number.isRequired,
-  totalEpisodeCount: PropTypes.number.isRequired,
-  posterWidth: PropTypes.number.isRequired,
-  detailedProgressBar: PropTypes.bool.isRequired
-};
-
 export default SeriesIndexProgressBar;