mirror of
https://github.com/gethomepage/homepage.git
synced 2026-09-28 23:11:17 -07:00
Chore: full react hooks eslint compliance (#7040)
This commit is contained in:
@@ -3,19 +3,15 @@ import Container from "components/services/widget/container";
|
||||
import { useTranslation } from "next-i18next/pages";
|
||||
|
||||
import useWidgetAPI from "utils/proxy/use-widget-api";
|
||||
import withWidgetFields from "utils/widget-fields";
|
||||
|
||||
const MAX_ALLOWED_FIELDS = 4;
|
||||
const DEFAULT_FIELDS = ["sites", "resources", "targets", "traffic"];
|
||||
|
||||
export default function Component({ service }) {
|
||||
export default function Component({ service: configuredService }) {
|
||||
const { t } = useTranslation();
|
||||
const service = withWidgetFields(configuredService, DEFAULT_FIELDS);
|
||||
const { widget } = service;
|
||||
|
||||
if (!widget.fields) {
|
||||
widget.fields = ["sites", "resources", "targets", "traffic"];
|
||||
} else if (widget.fields?.length > MAX_ALLOWED_FIELDS) {
|
||||
widget.fields = widget.fields.slice(0, MAX_ALLOWED_FIELDS);
|
||||
}
|
||||
|
||||
const { data: sitesData, error: sitesError } = useWidgetAPI(widget, "sites");
|
||||
const { data: resourcesData, error: resourcesError } = useWidgetAPI(widget, "resources");
|
||||
|
||||
|
||||
@@ -22,7 +22,7 @@ describe("widgets/pangolin/component", () => {
|
||||
const service = { widget: { type: "pangolin" } };
|
||||
const { container } = renderWithProviders(<Component service={service} />, { settings: { hideErrors: false } });
|
||||
|
||||
expect(service.widget.fields).toEqual(["sites", "resources", "targets", "traffic"]);
|
||||
expect(service.widget.fields).toBeUndefined();
|
||||
// Container filters by widget.fields, so only the default 4 blocks are visible.
|
||||
expect(container.querySelectorAll(".service-block")).toHaveLength(4);
|
||||
expect(screen.getByText("pangolin.sites")).toBeInTheDocument();
|
||||
@@ -39,7 +39,7 @@ describe("widgets/pangolin/component", () => {
|
||||
const service = { widget: { type: "pangolin", fields: ["sites", "resources", "targets", "traffic", "extra"] } };
|
||||
renderWithProviders(<Component service={service} />, { settings: { hideErrors: false } });
|
||||
|
||||
expect(service.widget.fields).toEqual(["sites", "resources", "targets", "traffic"]);
|
||||
expect(service.widget.fields).toEqual(["sites", "resources", "targets", "traffic", "extra"]);
|
||||
});
|
||||
|
||||
it("renders computed site/resource/target totals and traffic bytes", () => {
|
||||
|
||||
Reference in New Issue
Block a user