Added eligible for upgrade icon in histories.

frontend/src/History/Movies/index.tsx

@@ -1,4 +1,4 @@
-import { faInfoCircle } from "@fortawesome/free-solid-svg-icons";
+import { faInfoCircle, faRecycle } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import React, { FunctionComponent, useCallback, useMemo } from "react";
 import { Badge, OverlayTrigger, Popover } from "react-bootstrap";
@@ -91,6 +91,27 @@ const MoviesHistoryView: FunctionComponent<Props> = () => {
           );
         },
       },
+      {
+        accessor: "upgradable",
+        Cell: (row) => {
+          const overlay = (
+            <Popover id={`description-${row.row.id}`}>
+              <Popover.Content>
+                This Subtitles File Is Eligible For An Upgrade.
+              </Popover.Content>
+            </Popover>
+          );
+          if (row.value) {
+            return (
+              <OverlayTrigger overlay={overlay}>
+                <FontAwesomeIcon size="sm" icon={faRecycle}></FontAwesomeIcon>
+              </OverlayTrigger>
+            );
+          } else {
+            return null;
+          }
+        },
+      },
       {
         accessor: "blacklisted",
         Cell: ({ row, externalUpdate }) => {

frontend/src/History/Series/index.tsx

@@ -1,4 +1,4 @@
-import { faInfoCircle } from "@fortawesome/free-solid-svg-icons";
+import { faInfoCircle, faRecycle } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import React, { FunctionComponent, useCallback, useMemo } from "react";
 import { Badge, OverlayTrigger, Popover } from "react-bootstrap";
@@ -98,6 +98,27 @@ const SeriesHistoryView: FunctionComponent<Props> = () => {
           );
         },
       },
+      {
+        accessor: "upgradable",
+        Cell: (row) => {
+          const overlay = (
+            <Popover id={`description-${row.row.id}`}>
+              <Popover.Content>
+                This Subtitles File Is Eligible For An Upgrade.
+              </Popover.Content>
+            </Popover>
+          );
+          if (row.value) {
+            return (
+              <OverlayTrigger overlay={overlay}>
+                <FontAwesomeIcon size="sm" icon={faRecycle}></FontAwesomeIcon>
+              </OverlayTrigger>
+            );
+          } else {
+            return null;
+          }
+        },
+      },
       {
         accessor: "blacklisted",
         Cell: ({ row, externalUpdate }) => {