From a9c9d4ca51c66926eb72d78e25016ac200513ab1 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Tue, 3 Sep 2019 20:33:10 +0200
Subject: [PATCH] Show toast on successfull save (#3576)

* Show toast on successfull save

We need to make a list of places where this could benefit the user experience.

* Helper method

* Rename
---
 src/panels/config/users/ha-user-editor.ts | 2 ++
 src/translations/en.json                  | 3 ++-
 src/util/toast-saved-success.ts           | 7 +++++++
 3 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 src/util/toast-saved-success.ts

diff --git a/src/panels/config/users/ha-user-editor.ts b/src/panels/config/users/ha-user-editor.ts
index eb4686f31e..66775e4247 100644
--- a/src/panels/config/users/ha-user-editor.ts
+++ b/src/panels/config/users/ha-user-editor.ts
@@ -23,6 +23,7 @@ import {
   SYSTEM_GROUP_ID_USER,
   SYSTEM_GROUP_ID_ADMIN,
 } from "../../../data/user";
+import { showSaveSuccessToast } from "../../../util/toast-saved-success";
 
 declare global {
   interface HASSDomEvents {
@@ -150,6 +151,7 @@ class HaUserEditor extends LitElement {
       await updateUser(this.hass!, this.user!.id, {
         group_ids: [newGroup],
       });
+      showSaveSuccessToast(this, this.hass!);
       fireEvent(this, "reload-users");
     } catch (err) {
       alert(`Group update failed: ${err.message}`);
diff --git a/src/translations/en.json b/src/translations/en.json
index 72816e5649..44581447d5 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -493,7 +493,8 @@
     "common": {
       "loading": "Loading",
       "cancel": "Cancel",
-      "save": "Save"
+      "save": "Save",
+      "successfully_saved": "Successfully saved"
     },
     "components": {
       "entity": {
diff --git a/src/util/toast-saved-success.ts b/src/util/toast-saved-success.ts
new file mode 100644
index 0000000000..8d7c8c360b
--- /dev/null
+++ b/src/util/toast-saved-success.ts
@@ -0,0 +1,7 @@
+import { showToast } from "./toast";
+import { HomeAssistant } from "../types";
+
+export const showSaveSuccessToast = (el: HTMLElement, hass: HomeAssistant) =>
+  showToast(el, {
+    message: hass!.localize("ui.common.successfully_saved"),
+  });