From 8bbd7c661ef42a3cf4c3956b30ac7c36c5455162 Mon Sep 17 00:00:00 2001
From: PhilReact <philliplangmartinez@gmail.com>
Date: Sat, 21 Oct 2023 14:55:44 +0300
Subject: [PATCH] icon changes

---
 core/language/us.json                         |  3 +-
 .../friends-view/core-sync-status.js          |  2 +-
 .../notification-bell-general.js              | 17 ++++++++++-
 .../notification-view/notification-bell.js    | 28 ++++++++++++++++---
 4 files changed, 43 insertions(+), 7 deletions(-)

diff --git a/core/language/us.json b/core/language/us.json
index 9f17d22e..5aab4077 100644
--- a/core/language/us.json
+++ b/core/language/us.json
@@ -1178,7 +1178,8 @@
 		"explanation": "Your transaction is getting confirmed. To track its progress, click on the bell icon.",
 		"status1": "Fully synced",
 		"status2": "Not synced",
-		"notify3": "No notifications"
+		"notify3": "No notifications",
+		"notify4": "Tx notifications"
 	},
 	"friends": {
 		"friend1": "Add name",
diff --git a/core/src/components/friends-view/core-sync-status.js b/core/src/components/friends-view/core-sync-status.js
index 89e7aa9e..8ec00f68 100644
--- a/core/src/components/friends-view/core-sync-status.js
+++ b/core/src/components/friends-view/core-sync-status.js
@@ -58,7 +58,7 @@ stateChanged(state) {
 	render() {
 		return html`
 			<mwc-icon id="icon"  style="color: ${this.nodeStatus.syncPercent === 100 ? 'green': 'red'};user-select:none;margin-right:20px"
-				>wifi</mwc-icon
+				>lightbulb</mwc-icon
 			>
 			<vaadin-tooltip
 			  for="icon"
diff --git a/core/src/components/notification-view/notification-bell-general.js b/core/src/components/notification-view/notification-bell-general.js
index 98288daa..393e96d5 100644
--- a/core/src/components/notification-view/notification-bell-general.js
+++ b/core/src/components/notification-view/notification-bell-general.js
@@ -111,15 +111,30 @@ class NotificationBellGeneral extends connect(store)(LitElement) {
 				>
 					${hasOngoing
 						? html`
-								<mwc-icon style="color: green;cursor:pointer;user-select:none"
+								<mwc-icon id="notification-general-icon" style="color: green;cursor:pointer;user-select:none"
 									>notifications</mwc-icon
 								>
+								<vaadin-tooltip
+			  for="notification-general-icon"
+			  position="bottom"
+			  hover-delay=${400}
+			  hide-delay=${1}
+			  text=${get('notifications.notify4')}>
+		  </vaadin-tooltip>
 						  `
 						: html`
 								<mwc-icon
+								id="notification-general-icon"
 									style="color: var(--black); cursor:pointer;user-select:none"
 									>notifications</mwc-icon
 								>
+								<vaadin-tooltip
+			  for="notification-general-icon"
+			  position="bottom"
+			  hover-delay=${400}
+			  hide-delay=${1}
+			  text=${get('notifications.notify4')}>
+		  </vaadin-tooltip>
 						  `}
 				</div>
 				${hasOngoing
diff --git a/core/src/components/notification-view/notification-bell.js b/core/src/components/notification-view/notification-bell.js
index f5d960c3..78e7dd75 100644
--- a/core/src/components/notification-view/notification-bell.js
+++ b/core/src/components/notification-view/notification-bell.js
@@ -8,6 +8,8 @@ import '@polymer/iron-icons/iron-icons.js'
 import { store } from '../../store.js'
 import { setNewTab } from '../../redux/app/app-actions.js'
 import { routes } from '../../plugins/routes.js'
+import '@material/mwc-icon';
+
 import config from '../../notifications/config.js'
 import '../../../../plugins/plugins/core/components/TimeAgo.js'
 
@@ -138,11 +140,29 @@ class NotificationBell extends connect(store)(LitElement) {
         return html`
             <div class="layout">
                 ${this.notificationCount ? html`
-                    <paper-icon-button style="color: green;" icon="icons:mail" @click=${() => this._toggleNotifications()} title="Q-Mail"></paper-icon-button>
+                <mwc-icon @click=${() => this._toggleNotifications()} id="notification-mail-icon" style="color: green;cursor:pointer;user-select:none"
+									>mail</mwc-icon
+								>
+								<vaadin-tooltip
+			  for="notification-mail-icon"
+			  position="bottom"
+			  hover-delay=${400}
+			  hide-delay=${1}
+			  text="Q-Mail">
+		  </vaadin-tooltip>
+                  
                 ` : html`
-                    <paper-icon-button icon="icons:mail" @click=${() => {
-                       this._openTabQmail()
-                    }} title="Q-Mail"></paper-icon-button>
+                <mwc-icon @click=${() =>  this._openTabQmail()} id="notification-mail-icon" style="color: var(--black); cursor:pointer;user-select:none"
+									>mail</mwc-icon
+								>
+								<vaadin-tooltip
+			  for="notification-mail-icon"
+			  position="bottom"
+			  hover-delay=${400}
+			  hide-delay=${1}
+			  text="Q-Mail">
+		  </vaadin-tooltip>
+                   
                 `}
 
                 ${this.notificationCount ? html`