display friendly names for triggers in toasts

This commit is contained in:
Josh Hawkins 2025-11-16 06:55:55 -06:00
parent 314d8364be
commit 48d60ea6da

View File

@ -201,12 +201,17 @@ export default function TriggerView({
.then((configResponse) => { .then((configResponse) => {
if (configResponse.status === 200) { if (configResponse.status === 200) {
updateConfig(); updateConfig();
const displayName =
friendly_name && friendly_name !== ""
? `${friendly_name} (${name})`
: name;
toast.success( toast.success(
t( t(
isEdit isEdit
? "triggers.toast.success.updateTrigger" ? "triggers.toast.success.updateTrigger"
: "triggers.toast.success.createTrigger", : "triggers.toast.success.createTrigger",
{ name }, { name: displayName },
), ),
{ position: "top-center" }, { position: "top-center" },
); );
@ -351,8 +356,19 @@ export default function TriggerView({
.then((configResponse) => { .then((configResponse) => {
if (configResponse.status === 200) { if (configResponse.status === 200) {
updateConfig(); updateConfig();
const friendly =
config?.cameras?.[selectedCamera]?.semantic_search
?.triggers?.[name]?.friendly_name;
const displayName =
friendly && friendly !== ""
? `${friendly} (${name})`
: name;
toast.success( toast.success(
t("triggers.toast.success.deleteTrigger", { name }), t("triggers.toast.success.deleteTrigger", {
name: displayName,
}),
{ {
position: "top-center", position: "top-center",
}, },
@ -381,7 +397,7 @@ export default function TriggerView({
setIsLoading(false); setIsLoading(false);
}); });
}, },
[t, updateConfig, selectedCamera, setUnsavedChanges], [t, updateConfig, selectedCamera, setUnsavedChanges, config],
); );
useEffect(() => { useEffect(() => {
@ -843,7 +859,14 @@ export default function TriggerView({
/> />
<DeleteTriggerDialog <DeleteTriggerDialog
show={showDelete} show={showDelete}
triggerName={selectedTrigger?.name ?? ""} triggerName={
selectedTrigger
? selectedTrigger.friendly_name &&
selectedTrigger.friendly_name !== ""
? `${selectedTrigger.friendly_name} (${selectedTrigger.name})`
: selectedTrigger.name
: ""
}
isLoading={isLoading} isLoading={isLoading}
onCancel={() => { onCancel={() => {
setShowDelete(false); setShowDelete(false);