Move LLDP collect policy auto-placeholder help into a title hint.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-08-05 19:21:44 +08:00
parent 51f061032a
commit fa8e3abcc7

View file

@ -13,6 +13,7 @@ import {
updateLldpCollectPolicy, updateLldpCollectPolicy,
} from "../../services/api"; } from "../../services/api";
import { queryKeys } from "../../constants/queryKeys"; import { queryKeys } from "../../constants/queryKeys";
import { HelpHint } from "../../components/HelpHint";
import { useI18n } from "../../i18n"; import { useI18n } from "../../i18n";
import { useToast } from "../../hooks/useToast"; import { useToast } from "../../hooks/useToast";
import type { CliTargetItem, ConfigSyncTargetRef, TopologyDiscoverJobItem } from "../../types"; import type { CliTargetItem, ConfigSyncTargetRef, TopologyDiscoverJobItem } from "../../types";
@ -328,7 +329,10 @@ export function LldpLinksPage() {
</div> </div>
<div className="panel" style={{ marginBottom: 16 }}> <div className="panel" style={{ marginBottom: 16 }}>
<h3>{t("lldpLinks.policyTitle")}</h3> <h3 style={{ display: "inline-flex", alignItems: "center", gap: 8 }}>
{t("lldpLinks.policyTitle")}
<HelpHint text={t("lldpLinks.autoAddUnmatchedHint")} ariaLabel={t("common.help")} />
</h3>
<div className="config-sync-policy-row"> <div className="config-sync-policy-row">
<label className="config-sync-policy-check"> <label className="config-sync-policy-check">
<input type="checkbox" checked={enabled} onChange={(e) => setEnabled(e.target.checked)} /> <input type="checkbox" checked={enabled} onChange={(e) => setEnabled(e.target.checked)} />
@ -338,9 +342,6 @@ export function LldpLinksPage() {
<input type="checkbox" checked={autoAdd} onChange={(e) => setAutoAdd(e.target.checked)} /> <input type="checkbox" checked={autoAdd} onChange={(e) => setAutoAdd(e.target.checked)} />
<span>{t("lldpLinks.autoAddUnmatched")}</span> <span>{t("lldpLinks.autoAddUnmatched")}</span>
</label> </label>
<p className="muted" style={{ margin: "0 0 8px", gridColumn: "1 / -1" }}>
{t("lldpLinks.autoAddUnmatchedHint")}
</p>
<label className="config-sync-policy-field"> <label className="config-sync-policy-field">
<span>{t("lldpLinks.interval")}</span> <span>{t("lldpLinks.interval")}</span>
<input <input