diff --git a/web/public/locales/en/views/settings.json b/web/public/locales/en/views/settings.json index 62ad98f35..d5f9e140d 100644 --- a/web/public/locales/en/views/settings.json +++ b/web/public/locales/en/views/settings.json @@ -268,7 +268,8 @@ "allObjects": "All Objects", "speedEstimation": { "title": "Speed Estimation", - "desc": "Enable speed estimation for objects in this zone. The zone must have exactly 4 points." + "desc": "Enable speed estimation for objects in this zone. The zone must have exactly 4 points.", + "docs": "Read the documentation" }, "speedThreshold": { "title": "Speed Threshold ({{unit}})", diff --git a/web/src/components/settings/ZoneEditPane.tsx b/web/src/components/settings/ZoneEditPane.tsx index 5e8681732..2df97c29e 100644 --- a/web/src/components/settings/ZoneEditPane.tsx +++ b/web/src/components/settings/ZoneEditPane.tsx @@ -30,6 +30,8 @@ import { flattenPoints, interpolatePoints } from "@/utils/canvasUtil"; import ActivityIndicator from "../indicators/activity-indicator"; import { getAttributeLabels } from "@/utils/iconUtil"; import { Trans, useTranslation } from "react-i18next"; +import { Link } from "react-router-dom"; +import { LuExternalLink } from "react-icons/lu"; type ZoneEditPaneProps = { polygons?: Polygon[]; @@ -669,6 +671,17 @@ export default function ZoneEditPane({ {t("masksAndZones.zones.speedEstimation.desc")} +
+ + {t("masksAndZones.zones.speedEstimation.docs")} + + +