summaryrefslogtreecommitdiffhomepage
path: root/frontend/src/DisplayItem/Series/index.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/DisplayItem/Series/index.tsx')
-rw-r--r--frontend/src/DisplayItem/Series/index.tsx121
1 files changed, 0 insertions, 121 deletions
diff --git a/frontend/src/DisplayItem/Series/index.tsx b/frontend/src/DisplayItem/Series/index.tsx
deleted file mode 100644
index 0afd29e9f..000000000
--- a/frontend/src/DisplayItem/Series/index.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import { faWrench } from "@fortawesome/free-solid-svg-icons";
-import React, { FunctionComponent, useMemo } from "react";
-import { Badge, ProgressBar } from "react-bootstrap";
-import { Link } from "react-router-dom";
-import { Column } from "react-table";
-import { seriesUpdateAll, seriesUpdateByRange } from "../../@redux/actions";
-import { useLanguageProfiles, useSerieEntities } from "../../@redux/hooks";
-import { useReduxAction } from "../../@redux/hooks/base";
-import { SeriesApi } from "../../apis";
-import { ActionBadge } from "../../components";
-import { BuildKey } from "../../utilities";
-import BaseItemView from "../generic/BaseItemView";
-
-interface Props {}
-
-const SeriesView: FunctionComponent<Props> = () => {
- const series = useSerieEntities();
- const loader = useReduxAction(seriesUpdateByRange);
- const profiles = useLanguageProfiles();
- const columns: Column<Item.Series>[] = useMemo<Column<Item.Series>[]>(
- () => [
- {
- Header: "Name",
- accessor: "title",
- className: "text-nowrap",
- Cell: ({ row, value, isSelecting: select }) => {
- if (select) {
- return value;
- } else {
- const target = `/series/${row.original.sonarrSeriesId}`;
- return (
- <Link to={target}>
- <span>{value}</span>
- </Link>
- );
- }
- },
- },
- {
- Header: "Audio",
- accessor: "audio_language",
- Cell: (row) => {
- return row.value.map((v) => (
- <Badge
- variant="secondary"
- className="mr-2"
- key={BuildKey(v.code2, v.forced, v.hi)}
- >
- {v.name}
- </Badge>
- ));
- },
- },
- {
- Header: "Languages Profile",
- accessor: "profileId",
- Cell: ({ value }) => {
- return profiles?.find((v) => v.profileId === value)?.name ?? null;
- },
- },
- {
- Header: "Episodes",
- accessor: "episodeFileCount",
- selectHide: true,
- Cell: (row) => {
- const { episodeFileCount, episodeMissingCount, profileId } =
- row.row.original;
- let progress = 0;
- let label = "";
- if (episodeFileCount === 0 || !profileId) {
- progress = 0.0;
- } else {
- progress = episodeFileCount - episodeMissingCount;
- label = `${
- episodeFileCount - episodeMissingCount
- }/${episodeFileCount}`;
- }
-
- const color = episodeMissingCount === 0 ? "primary" : "warning";
-
- return (
- <ProgressBar
- className="my-a"
- variant={color}
- min={0}
- max={episodeFileCount}
- now={progress}
- label={label}
- ></ProgressBar>
- );
- },
- },
- {
- accessor: "sonarrSeriesId",
- selectHide: true,
- Cell: ({ row, update }) => (
- <ActionBadge
- icon={faWrench}
- onClick={() => {
- update && update(row, "edit");
- }}
- ></ActionBadge>
- ),
- },
- ],
- [profiles]
- );
-
- return (
- <BaseItemView
- state={series}
- name="Series"
- updateAction={seriesUpdateAll}
- loader={loader}
- columns={columns}
- modify={(form) => SeriesApi.modify(form)}
- ></BaseItemView>
- );
-};
-
-export default SeriesView;