fix setting issue

core/src/components/app-view.js

@@ -588,7 +588,6 @@ class AppView extends connect(store)(LitElement) {
                             <notification-bell></notification-bell>
                             <notification-bell-general></notification-bell-general>
                             <save-settings-qdn></save-settings-qdn>
-                            <core-sync-status></core-sync-status>
                             </div>
                             <div style="display: inline;">
                                 <span>
@@ -762,7 +761,6 @@ class AppView extends connect(store)(LitElement) {
         await this.botArrrTradebook()
 
         window.addEventListener('storage', async () => {
-            console.log('testing')
             this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.botBtcWallet) || "[]")
             this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.botLtcWallet) || "[]")
             this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.botDogeWallet) || "[]")

core/src/components/friends-view/save-settings-qdn.js

@@ -50,6 +50,9 @@ class SaveSettingsQdn extends connect(store)(LitElement) {
 		this.fee = null;
 	}
 	static styles = css`
+		:host {
+			margin-right: 20px;
+		}
 		.header {
 			display: flex;
 			align-items: center;
@@ -97,7 +100,7 @@ class SaveSettingsQdn extends connect(store)(LitElement) {
 			display: flex;
 			align-items: center;
 			gap: 10px;
-			font-size: 18px
+			font-size: 18px;
 		}
 
 		.accept-button:hover {
@@ -117,7 +120,7 @@ class SaveSettingsQdn extends connect(store)(LitElement) {
 			display: flex;
 			align-items: center;
 			gap: 10px;
-			font-size: 18px
+			font-size: 18px;
 		}
 
 		.undo-button:hover {
@@ -162,11 +165,11 @@ class SaveSettingsQdn extends connect(store)(LitElement) {
 		const tempSettingsData = JSON.parse(
 			localStorage.getItem('temp-settings-data') || '{}'
 		);
-		if (tempSettingsData) {
+
-		}
+		console.log({ response });
 		const userLists = response.userLists || [];
 		const friendsFeed = response.friendsFeed;
-		const myMenuPlugs = response.myMenuPlugs
+		const myMenuPlugs = response.myMenuPlugs;
 
 		this.valuesToBeSavedOnQdn = {};
 		if (
@@ -176,6 +179,8 @@ class SaveSettingsQdn extends connect(store)(LitElement) {
 					tempSettingsData.userLists.timestamp < rawDataTimestamp))
 		) {
 			const friendList = userLists[0];
+			const copyPayload = [...friendList];
+
 			localStorage.setItem(
 				'friends-my-friend-list',
 				JSON.stringify(friendList)
@@ -184,7 +189,7 @@ class SaveSettingsQdn extends connect(store)(LitElement) {
 				new CustomEvent('friends-my-friend-list-event', {
 					bubbles: true,
 					composed: true,
-					detail: friendList,
+					detail: copyPayload,
 				})
 			);
 		} else if (
@@ -205,6 +210,8 @@ class SaveSettingsQdn extends connect(store)(LitElement) {
 				(tempSettingsData.friendsFeed &&
 					tempSettingsData.friendsFeed.timestamp < rawDataTimestamp))
 		) {
+			const copyPayload = [...friendsFeed];
+
 			localStorage.setItem(
 				'friends-my-selected-feeds',
 				JSON.stringify(friendsFeed)
@@ -213,7 +220,7 @@ class SaveSettingsQdn extends connect(store)(LitElement) {
 				new CustomEvent('friends-my-selected-feeds-event', {
 					bubbles: true,
 					composed: true,
-					detail: friendsFeed,
+					detail: copyPayload,
 				})
 			);
 		} else if (
@@ -228,24 +235,29 @@ class SaveSettingsQdn extends connect(store)(LitElement) {
 			};
 		}
 
-
 		if (
 			myMenuPlugs &&
 			(!tempSettingsData.myMenuPlugs ||
 				(tempSettingsData.myMenuPlugs &&
 					tempSettingsData.myMenuPlugs.timestamp < rawDataTimestamp))
 		) {
-			localStorage.setItem(
+			if (Array.isArray(myMenuPlugs)) {
-				'myMenuPlugs',
+				console.log('isArray')
-				JSON.stringify(myMenuPlugs)
+				const copyPayload = [...myMenuPlugs];
-			);
+
-			this.dispatchEvent(
+				localStorage.setItem(
-				new CustomEvent('myMenuPlugs-event', {
+					'myMenuPlugs',
-					bubbles: true,
+					JSON.stringify(myMenuPlugs)
-					composed: true,
+				);
-					detail: myMenuPlugs,
+
-				})
+				this.dispatchEvent(
-			);
+					new CustomEvent('myMenuPlugs-event', {
+						bubbles: true,
+						composed: true,
+						detail: copyPayload,
+					})
+				);
+			}
 		} else if (
 			tempSettingsData.myMenuPlugs &&
 			tempSettingsData.myMenuPlugs.timestamp > rawDataTimestamp
@@ -315,7 +327,9 @@ class SaveSettingsQdn extends connect(store)(LitElement) {
 
 	stateChanged(state) {
 		if (
-			state.app.accountInfo && state.app.accountInfo.names.length && state.app.nodeStatus &&
+			state.app.accountInfo &&
+			state.app.accountInfo.names.length &&
+			state.app.nodeStatus &&
 			state.app.nodeStatus.syncPercent !== this.syncPercentage
 		) {
 			this.syncPercentage = state.app.nodeStatus.syncPercent;
@@ -365,6 +379,9 @@ class SaveSettingsQdn extends connect(store)(LitElement) {
 			const friendsFeed = JSON.parse(
 				localStorage.getItem('friends-my-selected-feeds') || '[]'
 			);
+			const myMenuPlugs = JSON.parse(
+				localStorage.getItem('myMenuPlugs') || '[]'
+			);
 
 			let newObject;
 
@@ -373,6 +390,7 @@ class SaveSettingsQdn extends connect(store)(LitElement) {
 					version: 1,
 					userLists: [friendsList],
 					friendsFeed,
+					myMenuPlugs,
 				};
 			} else if (this.settingsRawData) {
 				const tempSettingsData = JSON.parse(
@@ -383,6 +401,21 @@ class SaveSettingsQdn extends connect(store)(LitElement) {
 				};
 				for (const key in tempSettingsData) {
 					if (tempSettingsData[key].hasOwnProperty('data')) {
+						if (
+							key === 'userLists' &&
+							!Array.isArray(tempSettingsData[key].data)
+						)
+							continue;
+						if (
+							key === 'friendsFeed' &&
+							!Array.isArray(tempSettingsData[key].data)
+						)
+							continue;
+						if (
+							key === 'myMenuPlugs' &&
+							!Array.isArray(tempSettingsData[key].data)
+						)
+							continue;
 						newObject[key] = tempSettingsData[key].data;
 					}
 				}
@@ -506,50 +539,52 @@ class SaveSettingsQdn extends connect(store)(LitElement) {
 								: get('save.saving2')}
 						>
 						</vaadin-tooltip>
-						<popover-component
+						<popover-component for="save-icon" message="">
-							for="save-icon"
+							<div style="margin-bottom:20px">
-							message=""
+								<p style="margin:10px 0px; font-size:16px">
-						>
+									${`${get('walletpage.wchange12')}: ${
-						<div style="margin-bottom:20px">
+										this.fee ? this.fee.feeToShow : ''
-							<p style="margin:10px 0px; font-size:16px">${`${get('walletpage.wchange12')}: ${
+									}`}
-								this.fee ? this.fee.feeToShow : ''
+								</p>
-							}`}</p>
-						</div>
-						<div style="display:flex;justify-content:space-between;gap:10px">
-						<div
-								class="undo-button"
-								@click="${() => {
-									localStorage.setItem('temp-settings-data', JSON.stringify({}));
-									this.valuesToBeSavedOnQdn = {}
-									const popover =
-										this.shadowRoot.querySelector(
-											'popover-component'
-										);
-									if (popover) {
-										popover.closePopover();
-									}
-									this.getGeneralSettingsQdn()
-								}}"
-							>
-								
-								${translate('save.saving4')}
 							</div>
 							<div
-								class="accept-button"
+								style="display:flex;justify-content:space-between;gap:10px"
-								@click="${() => {
-									this.saveToQdn();
-									const popover =
-										this.shadowRoot.querySelector(
-											'popover-component'
-										);
-									if (popover) {
-										popover.closePopover();
-									}
-								}}"
 							>
-								
+								<div
-								${translate('browserpage.bchange28')}
+									class="undo-button"
-							</div>
+									@click="${() => {
+										localStorage.setItem(
+											'temp-settings-data',
+											JSON.stringify({})
+										);
+										this.valuesToBeSavedOnQdn = {};
+										const popover =
+											this.shadowRoot.querySelector(
+												'popover-component'
+											);
+										if (popover) {
+											popover.closePopover();
+										}
+										this.getGeneralSettingsQdn();
+									}}"
+								>
+									${translate('save.saving4')}
+								</div>
+								<div
+									class="accept-button"
+									@click="${() => {
+										this.saveToQdn();
+										const popover =
+											this.shadowRoot.querySelector(
+												'popover-component'
+											);
+										if (popover) {
+											popover.closePopover();
+										}
+									}}"
+								>
+									${translate('browserpage.bchange28')}
+								</div>
 							</div>
 						</popover-component>
 				  `}

core/src/components/show-plugin.js

@@ -344,7 +344,6 @@ class ShowPlugin extends connect(store)(LitElement) {
         return html`
             <div class="tabs">
                 ${this.tabs.map((tab, index) => {
-                    console.log({tab})
                     let title = ''
                     let icon = ''
                     let count = 0
@@ -545,7 +544,6 @@ class ShowPlugin extends connect(store)(LitElement) {
         })
 
         window.addEventListener('storage', () => {
-            console.log('show plugin')
             const checkLanguage = localStorage.getItem('qortalLanguage')
             const checkTheme = localStorage.getItem('qortalTheme')
 
@@ -1470,9 +1468,13 @@ class NavBar extends connect(store)(LitElement) {
         await this.getMyFollowedNamesList()
     }
 
-    _updateMyMenuPlugins(event) {
+    async _updateMyMenuPlugins(event) {
+        await new Promise((res)=> {
+            setTimeout(() => {
+                res()
+            }, 1000);
+        })
 		const detail = event.detail
-        console.log({detailPlugs: detail})
         this.myMenuPlugins = detail
         const addressInfo = this.addressInfo
         const isMinter = addressInfo?.error !== 124 && +addressInfo?.level > 0
@@ -1502,7 +1504,6 @@ class NavBar extends connect(store)(LitElement) {
 
 	connectedCallback() {
 		super.connectedCallback()
-		console.log('callback')
 		window.addEventListener('myMenuPlugs-event', this._updateMyMenuPlugins)	}
 
 	disconnectedCallback() {
@@ -1520,8 +1521,9 @@ class NavBar extends connect(store)(LitElement) {
         localStorage.removeItem("myMenuPlugs")
         myFile = file
         const newTabMenu = JSON.parse((myFile) || "[]")
+        const copyPayload = [...newTabMenu]
         localStorage.setItem("myMenuPlugs", JSON.stringify(newTabMenu))
-        this.saveSettingToTemp(newTabMenu)
+        this.saveSettingToTemp(copyPayload)
         this.shadowRoot.getElementById('importTabMenutDialog').close()
         this.myMenuPlugins = JSON.parse(localStorage.getItem("myMenuPlugs") || "[]")
         this.firstUpdated()
@@ -2004,9 +2006,10 @@ class NavBar extends connect(store)(LitElement) {
 
             if (myNameRes !== false) {
                 oldMenuPlugs.push(newMenuPlugsItem)
+                const copyPayload = [...oldMenuPlugs]
 
                 localStorage.setItem("myMenuPlugs", JSON.stringify(oldMenuPlugs))
-                this.saveSettingToTemp(oldMenuPlugs)
+                this.saveSettingToTemp(copyPayload)
 
                 let myplugstring2 = get("walletpage.wchange52")
                 parentEpml.request('showSnackBar', `${myplugstring2}`)
@@ -2068,9 +2071,10 @@ class NavBar extends connect(store)(LitElement) {
 
             if (myNameRes !== false) {
                 oldMenuPlugs.push(newMenuPlugsItem)
+                const copyPayload = [...oldMenuPlugs]
 
                 localStorage.setItem("myMenuPlugs", JSON.stringify(oldMenuPlugs))
-                this.saveSettingToTemp(oldMenuPlugs)
+                this.saveSettingToTemp(copyPayload)
                 let myplugstring2 = get("walletpage.wchange52")
                 parentEpml.request('showSnackBar', `${myplugstring2}`)
 
@@ -2138,9 +2142,10 @@ class NavBar extends connect(store)(LitElement) {
             }
 
             oldMenuPlugs.push(newMenuPlugsItem)
+            const copyPayload = [...oldMenuPlugs]
 
             localStorage.setItem("myMenuPlugs", JSON.stringify(oldMenuPlugs))
-            this.saveSettingToTemp(oldMenuPlugs)
+            this.saveSettingToTemp(copyPayload)
             let myplugstring2 = get("walletpage.wchange52")
             parentEpml.request('showSnackBar', `${myplugstring2}`)
 
@@ -2202,7 +2207,6 @@ class NavBar extends connect(store)(LitElement) {
     }
 
     renderRemoveIcon(appurl, appicon, appname, appid, appplugin) {
-        console.log({appurl, appname, appid})
         return html`
            
             <div class="menuIconPos" @click="${() => this.changePage(appplugin)}">
@@ -2274,10 +2278,12 @@ class NavBar extends connect(store)(LitElement) {
         const pluginToRemove = this.pluginNumberToDelete
         this.newMenuFilter = []
         this.newMenuFilter = this.myMenuList.filter((item) => item.pluginNumber !== pluginToRemove)
+        const copyPayload = [...this.newMenuFilter]
+
         const myNewObj = JSON.stringify(this.newMenuFilter)
         localStorage.removeItem("myMenuPlugs")
         localStorage.setItem("myMenuPlugs", myNewObj)
-        this.saveSettingToTemp(myNewObj)
+        this.saveSettingToTemp(copyPayload)
         this.myMenuPlugins = JSON.parse(localStorage.getItem("myMenuPlugs") || "[]")
         this.firstUpdated()
         this.closeRemoveApp()