diff options
| author | morpheus65535 <[email protected]> | 2024-12-16 21:59:19 -0500 |
|---|---|---|
| committer | morpheus65535 <[email protected]> | 2024-12-16 21:59:19 -0500 |
| commit | 53afee309044cb465a2d868fdc2e1060fc0095ce (patch) | |
| tree | e2c69cf49dcf9717ec446be05ff83d963ce7723d | |
| parent | d502cac41fec300d532a23e818140e1ae7e6f91c (diff) | |
| download | bazarr-series_status.tar.gz bazarr-series_status.zip | |
| -rw-r--r-- | frontend/src/pages/Series/index.tsx | 38 |
1 files changed, 14 insertions, 24 deletions
diff --git a/frontend/src/pages/Series/index.tsx b/frontend/src/pages/Series/index.tsx index d117e7a6f..6da300c3a 100644 --- a/frontend/src/pages/Series/index.tsx +++ b/frontend/src/pages/Series/index.tsx @@ -1,6 +1,6 @@ import { FunctionComponent, useMemo } from "react"; import { Link } from "react-router-dom"; -import { Anchor, Container, Progress } from "@mantine/core"; +import { Anchor, Container, Group, Progress } from "@mantine/core"; import { useDocumentTitle } from "@mantine/hooks"; import { faBookmark as farBookmark } from "@fortawesome/free-regular-svg-icons"; import { @@ -28,29 +28,19 @@ const SeriesView: FunctionComponent = () => { const columns = useMemo<ColumnDef<Item.Series>[]>( () => [ { - id: "monitored", - cell: ({ - row: { - original: { monitored }, - }, - }) => ( - <FontAwesomeIcon - title={monitored ? "monitored" : "unmonitored"} - icon={monitored ? faBookmark : farBookmark} - ></FontAwesomeIcon> - ), - }, - { - id: "ended", - cell: ({ - row: { - original: { ended }, - }, - }) => ( - <FontAwesomeIcon - title={ended ? "Ended" : "Continuing"} - icon={ended ? faStop : faPlay} - ></FontAwesomeIcon> + id: "status", + cell: ({ row: { original } }) => ( + <Group gap="xs" wrap="nowrap"> + <FontAwesomeIcon + title={original.monitored ? "monitored" : "unmonitored"} + icon={original.monitored ? faBookmark : farBookmark} + ></FontAwesomeIcon> + + <FontAwesomeIcon + title={original.ended ? "Ended" : "Continuing"} + icon={original.ended ? faStop : faPlay} + ></FontAwesomeIcon> + </Group> ), }, { |