From bbbd1f7356e98dd20179c007e903f2db68819477 Mon Sep 17 00:00:00 2001
From: gregory1996 <grigoriskatrakazas@gmail.com>
Date: Tue, 19 Mar 2024 13:09:51 +0200
Subject: [PATCH] Add warning text messages to en.json

---
 src/components/Layout.js | 20 +++++++++++++++++---
 src/locales/en.json      | 18 +++++++++++++-----
 2 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/src/components/Layout.js b/src/components/Layout.js
index 6ffd0aa40..60b89bba8 100644
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -1,11 +1,12 @@
 import React, { useState, useEffect } from 'react';
 import Sidebar from './Sidebar';
 import { GiHamburgerMenu } from 'react-icons/gi';
-import { FaExclamationTriangle, FaTimes } from 'react-icons/fa'; // Import the icons you want to use
+import { FaExclamationTriangle, FaTimes } from 'react-icons/fa';
 import logo from '../assets/images/wallet_white.png';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { CSSTransition } from 'react-transition-group';
 import { useSessionStorage } from '../components/useStorage';
+import { useTranslation } from 'react-i18next';
 
 const Layout = ({ children, isPermissionGranted, tokenSentInSession }) => {
 	const location = useLocation();
@@ -15,6 +16,7 @@ const Layout = ({ children, isPermissionGranted, tokenSentInSession }) => {
 	const toggleSidebar = () => setIsOpen(!isOpen);
 	const [isMessageNoGrantedVisible, setIsMessageNoGrantedVisible] = useSessionStorage('isMessageNoGrantedVisible', null);
 	const [isMessageGrantedVisible, setIsMessageGrantedVisible] = useSessionStorage('isMessageGrantedVisible', null);
+	const { t } = useTranslation();
 
 	const handleNavigate = (path) => {
 		if (location.pathname === path) {
@@ -88,7 +90,11 @@ const Layout = ({ children, isPermissionGranted, tokenSentInSession }) => {
 								<>
 									<div className="flex-grow">
 										<p className='text-sm'>
-											To receive real-time updates of <strong>Credentials, reset or allow notifications permission</strong>.
+											{t('layout.messageAllowPermissionPart1')}
+											<strong>{
+												t('layout.messageAllowPermissionPart2')}
+											</strong>
+											.
 										</p>
 									</div>
 									<button
@@ -103,7 +109,15 @@ const Layout = ({ children, isPermissionGranted, tokenSentInSession }) => {
 								<>
 									<div className="flex-grow">
 										<p className='text-sm'>
-											Something <strong>not working properly with the notifications</strong>, please <strong>reload the page.</strong>.
+											{t('layout.messageResetPermissionPart1')}
+											<strong>
+												{t('layout.messageResetPermissionPart2')}
+											</strong>
+											{t('layout.messageResetPermissionPart3')}
+											<strong>
+												{t('layout.messageResetPermissionPart4')}
+											</strong>
+											.
 										</p>
 									</div>
 									<button
diff --git a/src/locales/en.json b/src/locales/en.json
index 4b3509c0d..b5ad01805 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -26,6 +26,14 @@
 			"windows": "Chrome, Edge, Opera or Brave on Windows"
 		}
 	},
+	"layout": {
+		"messageAllowPermissionPart1": "To receive real-time updates of ",
+		"messageAllowPermissionPart2": "Credentials, allow notifications permission",
+		"messageResetPermissionPart1": "Something ",
+		"messageResetPermissionPart2": "not working properly with the notifications",
+		"messageResetPermissionPart3": ", please ",
+		"messageResetPermissionPart4": "reload this page"
+	},
 	"loginSignup": {
 		"alreadyHaveAccountQuestion": "Already have an account? ",
 		"capitalLetter": "At least one capital letter",
@@ -121,13 +129,13 @@
 		"addPasskey": "Add passkey",
 		"deleteAccount": {
 			"buttonText": "Delete your account",
-			"deleteButtonTitleLocked":"You cannot delete your account while locked",
+			"deleteButtonTitleLocked": "You cannot delete your account while locked",
 			"description": "Once you delete your account, there is no going back. Please be certain.",
 			"messageDeleteAccount1": "Are you sure you want to delete ",
 			"messageDeleteAccount2": "your Account",
 			"title": "Delete account"
 		},
-		"deletePasskeyButtonTitleLocked":"You cannot add passkey while locked",
+		"deletePasskeyButtonTitleLocked": "You cannot add passkey while locked",
 		"description": "View account information and manage passkeys",
 		"lockPasskeyManagement": "Lock passkey management",
 		"noOtherPasskeys": "There are no other passkeys in this account.",
@@ -138,7 +146,7 @@
 			"cancelChangesAriaLabel": "Cancel changes to passkey {{passkeyLabel}}",
 			"created": "Created",
 			"deleteAriaLabel": "Delete passkey {{passkeyLabel}}",
-			"deleteButtonTitleLocked":"You cannot delete passkey while locked",
+			"deleteButtonTitleLocked": "You cannot delete passkey while locked",
 			"lastUsed": "Last Used",
 			"messageDeletePasskeyPart1": "Are you sure you want to delete",
 			"messageDeletePasskeyPart2": "passkey?",
@@ -147,7 +155,7 @@
 			"nicknameInputAriaLabel": "Enter new nickname for passkey {{passkeyLabel}}",
 			"rename": "Rename",
 			"renameAriaLabel": "Rename passkey {{passkeyLabel}}",
-			"renameButtonTitleLocked":"You cannot edit passkey while locked",
+			"renameButtonTitleLocked": "You cannot edit passkey while locked",
 			"saveChangesAriaLabel": "Save changes to passkey {{passkeyLabel}}",
 			"unnamed": "Unnamed passkey"
 		},
@@ -186,4 +194,4 @@
 		"navItemLogout": "Logout",
 		"poweredBy": "Powered by <docLinkWalletGithub>wwWallet</docLinkWalletGithub>"
 	}
-}
+}
\ No newline at end of file