mirror of
https://github.com/gethomepage/homepage.git
synced 2026-09-27 22:41:16 -07:00
Chore: full react hooks eslint compliance (#7040)
This commit is contained in:
@@ -2,13 +2,13 @@ import Block from "components/services/widget/block";
|
||||
import Container from "components/services/widget/container";
|
||||
|
||||
import useWidgetAPI from "utils/proxy/use-widget-api";
|
||||
import withWidgetFields from "utils/widget-fields";
|
||||
|
||||
export const seerrDefaultFields = ["pending", "approved", "completed"];
|
||||
const MAX_ALLOWED_FIELDS = 4;
|
||||
|
||||
export default function Component({ service }) {
|
||||
export default function Component({ service: configuredService }) {
|
||||
const service = withWidgetFields(configuredService, seerrDefaultFields);
|
||||
const { widget } = service;
|
||||
widget.fields = widget?.fields?.length ? widget.fields.slice(0, MAX_ALLOWED_FIELDS) : seerrDefaultFields;
|
||||
const isIssueEnabled = widget.fields.includes("issues");
|
||||
|
||||
const { data: statsData, error: statsError } = useWidgetAPI(widget, "request/count");
|
||||
@@ -30,16 +30,20 @@ export default function Component({ service }) {
|
||||
);
|
||||
}
|
||||
|
||||
if (
|
||||
statsData.completed === undefined &&
|
||||
(widget.fields.includes("completed") || widget.fields.includes("available"))
|
||||
) {
|
||||
// Fallback to "available" if "completed" requested but not available
|
||||
widget.fields = widget.fields.map((field) => (field === "completed" ? "available" : field));
|
||||
// Older Seerr versions expose "available" instead of "completed".
|
||||
let renderedService = service;
|
||||
if (statsData.completed === undefined && service.widget.fields.includes("completed")) {
|
||||
renderedService = {
|
||||
...service,
|
||||
widget: {
|
||||
...service.widget,
|
||||
fields: service.widget.fields.map((field) => (field === "completed" ? "available" : field)),
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
return (
|
||||
<Container service={service}>
|
||||
<Container service={renderedService}>
|
||||
<Block field="seerr.pending" label="seerr.pending" value={statsData.pending} />
|
||||
<Block field="seerr.approved" label="seerr.approved" value={statsData.approved} />
|
||||
<Block field="seerr.available" label="seerr.available" value={statsData.available} />
|
||||
|
||||
@@ -8,7 +8,7 @@ import { renderWithProviders } from "test-utils/render-with-providers";
|
||||
const { useWidgetAPI } = vi.hoisted(() => ({ useWidgetAPI: vi.fn() }));
|
||||
vi.mock("utils/proxy/use-widget-api", () => ({ default: useWidgetAPI }));
|
||||
|
||||
import Component, { seerrDefaultFields } from "./component";
|
||||
import Component from "./component";
|
||||
|
||||
describe("widgets/seerr/component", () => {
|
||||
beforeEach(() => {
|
||||
@@ -23,7 +23,7 @@ describe("widgets/seerr/component", () => {
|
||||
const service = { widget: { type: "seerr", url: "http://x" } };
|
||||
const { container } = renderWithProviders(<Component service={service} />, { settings: { hideErrors: false } });
|
||||
|
||||
expect(service.widget.fields).toEqual(seerrDefaultFields);
|
||||
expect(service.widget.fields).toBeUndefined();
|
||||
expect(useWidgetAPI.mock.calls[1][1]).toBe("");
|
||||
expect(container.querySelectorAll(".service-block")).toHaveLength(3);
|
||||
expect(screen.getByText("seerr.pending")).toBeInTheDocument();
|
||||
@@ -42,7 +42,7 @@ describe("widgets/seerr/component", () => {
|
||||
const service = { widget: { type: "jellyseerr", url: "http://x" } };
|
||||
const { container } = renderWithProviders(<Component service={service} />, { settings: { hideErrors: false } });
|
||||
|
||||
expect(service.widget.fields).toEqual(seerrDefaultFields);
|
||||
expect(service.widget.fields).toBeUndefined();
|
||||
expect(useWidgetAPI.mock.calls[1][1]).toBe("");
|
||||
expect(container.querySelectorAll(".service-block")).toHaveLength(3);
|
||||
expect(screen.getByText("seerr.pending")).toBeInTheDocument();
|
||||
@@ -58,7 +58,7 @@ describe("widgets/seerr/component", () => {
|
||||
const service = { widget: { type: "overseerr", url: "http://x" } };
|
||||
const { container } = renderWithProviders(<Component service={service} />, { settings: { hideErrors: false } });
|
||||
|
||||
expect(service.widget.fields).toEqual(seerrDefaultFields);
|
||||
expect(service.widget.fields).toBeUndefined();
|
||||
expect(useWidgetAPI.mock.calls[1][1]).toBe("");
|
||||
expect(container.querySelectorAll(".service-block")).toHaveLength(3);
|
||||
expect(screen.getByText("seerr.pending")).toBeInTheDocument();
|
||||
@@ -110,7 +110,7 @@ describe("widgets/seerr/component", () => {
|
||||
|
||||
renderWithProviders(<Component service={service} />, { settings: { hideErrors: false } });
|
||||
|
||||
expect(service.widget.fields).toEqual(["pending", "approved", "available"]);
|
||||
expect(service.widget.fields).toEqual(["pending", "approved", "completed"]);
|
||||
expect(screen.getByText("3")).toBeInTheDocument();
|
||||
expect(screen.queryByText("seerr.completed")).toBeNull();
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user