From 5f66724d2a6a5d5c65d32e6c86671741299e5119 Mon Sep 17 00:00:00 2001
From: morpheus65535 <louis_vezina@hotmail.com>
Date: Fri, 16 Apr 2021 21:59:16 -0400
Subject: [PATCH] Added eligible for upgrade icon in histories.

---
 frontend/src/History/Movies/index.tsx | 23 ++++++++++++++++++++++-
 frontend/src/History/Series/index.tsx | 23 ++++++++++++++++++++++-
 2 files changed, 44 insertions(+), 2 deletions(-)

diff --git a/frontend/src/History/Movies/index.tsx b/frontend/src/History/Movies/index.tsx
index c3e26ba13..c80f8c5f0 100644
--- a/frontend/src/History/Movies/index.tsx
+++ b/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 }) => {
diff --git a/frontend/src/History/Series/index.tsx b/frontend/src/History/Series/index.tsx
index 8f128304b..02dbda4f1 100644
--- a/frontend/src/History/Series/index.tsx
+++ b/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 }) => {