8x48/homepage
1
0
Fork 0
mirror of https://github.com/gethomepage/homepage.git synced 2026-01-04 22:48:40 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Feature: fields highlighting (#5868)
Some checks failed
Docker CI / Linting Checks (push) Has been cancelled
Details
Docker CI / Docker Build & Push (push) Has been cancelled
Details
Crowdin Action / Crowdin Sync (push) Has been cancelled
Details

Browse Source
This commit is contained in:
shamoon
2025-10-13 19:37:52 -07:00
committed by GitHub
parent 3f8da51aeb
commit 91d12c401c
7 changed files with 378 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/services/widget/container.jsx
View File

@@ -1,7 +1,10 @@
import { useContext } from "react";
import { useContext, useMemo } from "react";
import { SettingsContext } from "utils/contexts/settings";
import Error from "./error";
import { BlockHighlightContext } from "./highlight-context";
import { buildHighlightConfig } from "utils/highlights";
const ALIASED_WIDGETS = {
pialert: "netalertx",
@@ -11,6 +14,11 @@ const ALIASED_WIDGETS = {
export default function Container({ error = false, children, service }) {
const { settings } = useContext(SettingsContext);
const highlightConfig = useMemo(
() => buildHighlightConfig(settings?.blockHighlights, service?.widget?.highlight, service?.widget?.type),
[settings?.blockHighlights, service?.widget?.highlight, service?.widget?.type],
);
if (error) {
if (settings.hideErrors || service.widget.hide_errors) {
return null;
@@ -51,6 +59,11 @@ export default function Container({ error = false, children, service }) {
}),
);
}
const content = <div className="relative flex flex-row w-full service-container">{visibleChildren}</div>;
return <div className="relative flex flex-row w-full service-container">{visibleChildren}</div>;
if (!highlightConfig) {
return content;
}
return <BlockHighlightContext.Provider value={highlightConfig}>{content}</BlockHighlightContext.Provider>;
}