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 = () => { ); }, }, + { + accessor: "upgradable", + Cell: (row) => { + const overlay = ( + + + This Subtitles File Is Eligible For An Upgrade. + + + ); + if (row.value) { + return ( + + + + ); + } 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 = () => { ); }, }, + { + accessor: "upgradable", + Cell: (row) => { + const overlay = ( + + + This Subtitles File Is Eligible For An Upgrade. + + + ); + if (row.value) { + return ( + + + + ); + } else { + return null; + } + }, + }, { accessor: "blacklisted", Cell: ({ row, externalUpdate }) => {