From 9996374bf7abd3f6d6f8ced66594b75256c77717 Mon Sep 17 00:00:00 2001
From: janrembold <janrembold@gmx.net>
Date: Mon, 29 Apr 2024 16:04:55 +0200
Subject: [PATCH] feat: added text after save of new display name

---
 src/components/profile/ConsultantInformation.tsx | 14 ++++++++++++++
 src/components/profile/profile.styles.scss       |  4 ++++
 src/resources/i18n/de/common.json                |  3 ++-
 3 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/components/profile/ConsultantInformation.tsx b/src/components/profile/ConsultantInformation.tsx
index 0a98e4f99..c7e69a3e0 100644
--- a/src/components/profile/ConsultantInformation.tsx
+++ b/src/components/profile/ConsultantInformation.tsx
@@ -30,6 +30,8 @@ export const ConsultantInformation = () => {
 	const [isSaveDisabled, setIsSaveDisabled] = useState(false);
 	const [editedDisplayName, setEditedDisplayName] = useState('');
 	const [initialDisplayName, setInitialDisplayName] = useState('');
+	const [showNameChangePropagationInfo, setShowNameChangePropagationInfo] =
+		useState(false);
 
 	const cancelEditButton: ButtonItem = {
 		label: translate('profile.data.edit.button.cancel'),
@@ -55,6 +57,7 @@ export const ConsultantInformation = () => {
 			.then(() => {
 				reloadUserData().catch(console.log);
 				setInitialDisplayName(editedDisplayName);
+				setShowNameChangePropagationInfo(true);
 			})
 			.catch((error) => {
 				addNotification({
@@ -128,6 +131,17 @@ export const ConsultantInformation = () => {
 				isDisabled={!isDisplayNameFeatureEnabled || !isEditEnabled}
 				onValueIsValid={handleValidDisplayName}
 			/>
+			{showNameChangePropagationInfo && (
+				<div className="profile__propagation-info">
+					<Text
+						text={translate(
+							'profile.data.info.nameChangePropagation'
+						)}
+						type="standard"
+						className="tertiary"
+					/>
+				</div>
+			)}
 			{isDisplayNameFeatureEnabled && isEditEnabled && (
 				<div className="editableData__buttonSet editableData__buttonSet--edit">
 					<Button
diff --git a/src/components/profile/profile.styles.scss b/src/components/profile/profile.styles.scss
index 60db45f36..0e4f7a8bd 100644
--- a/src/components/profile/profile.styles.scss
+++ b/src/components/profile/profile.styles.scss
@@ -478,6 +478,10 @@ $profile-footer-justify-content: center !default;
 		}
 	}
 
+	&__propagation-info {
+		margin-top: $grid-base-two;
+	}
+
 	&__footer {
 		flex: 0;
 		display: flex;
diff --git a/src/resources/i18n/de/common.json b/src/resources/i18n/de/common.json
index 59b5ebfe1..be687102c 100644
--- a/src/resources/i18n/de/common.json
+++ b/src/resources/i18n/de/common.json
@@ -1432,7 +1432,8 @@
 			"firstName": "Vorname",
 			"info": {
 				"private": "Diese Daten können die Ratsuchenden nicht einsehen.",
-				"public": "Mit dem Anzeigenamen erscheinen Sie bei den Ratsuchenden."
+				"public": "Mit dem Anzeigenamen erscheinen Sie bei den Ratsuchenden.",
+				"nameChangePropagation": "Es kann bis zu 15 Minuten dauern, bis die Änderung des Anzeigenamens wirksam wird."
 			},
 			"lastName": "Nachname",
 			"personal": {