From 4c2d9cf938345f65bf03cdc5208bb212ede9f219 Mon Sep 17 00:00:00 2001
From: Justin Ferrari <justinwesleyferrari@gmail.com>
Date: Wed, 8 Nov 2023 05:25:12 -0500
Subject: [PATCH] Fix bug with fetching wallet addresses in profile

---
 .../friends-view/profile-modal-update.js      | 322 +++++++++---------
 1 file changed, 169 insertions(+), 153 deletions(-)

diff --git a/core/src/components/friends-view/profile-modal-update.js b/core/src/components/friends-view/profile-modal-update.js
index 714467d6..b8e4aafe 100644
--- a/core/src/components/friends-view/profile-modal-update.js
+++ b/core/src/components/friends-view/profile-modal-update.js
@@ -32,11 +32,11 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
 			hasFetchedArrr: { type: Boolean },
 			isOpenCustomDataModal: { type: Boolean },
 			customData: { type: Object },
-			newCustomDataField: {type: Object},
-			newFieldName: {type: String},
-			qortalRequestCustomData: {type: Object},
-			newCustomDataKey: {type: String},
-			isSaving: {type: Boolean}
+			newCustomDataField: { type: Object },
+			newFieldName: { type: String },
+			qortalRequestCustomData: { type: Object },
+			newCustomDataKey: { type: String },
+			isSaving: { type: Boolean },
 		};
 	}
 
@@ -75,11 +75,10 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
 		this.hasFetchedArrr = false;
 		this.isOpenCustomDataModal = false;
 		this.customData = {};
-		this.newCustomDataKey = ""
+		this.newCustomDataKey = '';
 		this.newCustomDataField = {};
 		this.newFieldName = '';
-		this.isSaving = false
-		
+		this.isSaving = false;
 	}
 
 	static get styles() {
@@ -240,20 +239,20 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
 			changedProperties.has('editContent') &&
 			this.editContent
 		) {
-			const {bio, tagline, wallets, customData} = this.editContent
+			const { bio, tagline, wallets, customData } = this.editContent;
 			this.bio = bio ?? '';
 			this.tagline = tagline ?? '';
-			let formWallets = {...this.wallets}
-			if(wallets && Object.keys(wallets).length){
-				Object.keys(formWallets).forEach((key)=> {
-					if(wallets[key]){
-						formWallets[key] = wallets[key]
+			let formWallets = { ...this.wallets };
+			if (wallets && Object.keys(wallets).length) {
+				Object.keys(formWallets).forEach((key) => {
+					if (wallets[key]) {
+						formWallets[key] = wallets[key];
 					}
-				})
+				});
 			}
-			this.wallets = formWallets
+			this.wallets = formWallets;
 
-			this.customData = {...customData}
+			this.customData = { ...customData };
 			this.requestUpdate();
 		}
 		if (
@@ -261,13 +260,13 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
 			changedProperties.has('qortalRequestCustomData') &&
 			this.qortalRequestCustomData
 		) {
-			this.isOpenCustomDataModal = true
-			this.newCustomDataField = {...this.qortalRequestCustomData.payload.customData}
-			this.newCustomDataKey = this.qortalRequestCustomData.property
+			this.isOpenCustomDataModal = true;
+			this.newCustomDataField = {
+				...this.qortalRequestCustomData.payload.customData,
+			};
+			this.newCustomDataKey = this.qortalRequestCustomData.property;
 			this.requestUpdate();
 		}
-
-		
 	}
 
 	async firstUpdated() {
@@ -308,11 +307,11 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
 	async getSelectedWalletAddress(wallet) {
 		switch (wallet) {
 			case 'arrr':
-				if(!this.arrrWalletAddress){
+				if (!this.arrrWalletAddress) {
 					try {
 						await this.fetchWalletAddress('arrr');
 					} catch (error) {
-						console.log({error})
+						console.log({ error });
 					}
 				}
 				// Use address returned by core API
@@ -348,8 +347,8 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
 		this.tagline = '';
 	}
 
-	fillAddress(coin) {
-		const address = this.getSelectedWalletAddress(coin);
+	async fillAddress(coin) {
+		const address = await this.getSelectedWalletAddress(coin);
 		if (address) {
 			this.wallets = {
 				...this.wallets,
@@ -365,51 +364,51 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
 				tagline: this.tagline,
 				bio: this.bio,
 				wallets: this.wallets,
-				customData: this.customData
+				customData: this.customData,
 			};
-			this.isSaving = true
+			this.isSaving = true;
 			await this.onSubmit(data);
 			this.setIsOpen(false);
 			this.clearFields();
 			this.onClose('success');
-		} catch (error) {} finally {
-			this.isSaving = false
+		} catch (error) {
+		} finally {
+			this.isSaving = false;
 		}
 	}
 
-	removeField(key){
-		const copyObj = {...this.newCustomDataField}
-		delete copyObj[key]
-		this.newCustomDataField = copyObj
+	removeField(key) {
+		const copyObj = { ...this.newCustomDataField };
+		delete copyObj[key];
+		this.newCustomDataField = copyObj;
 	}
 
-	addField(){
-		const copyObj = {...this.newCustomDataField}
-		copyObj[this.newFieldName] = ''
-		this.newCustomDataField = copyObj
-		this.newFieldName = ""
+	addField() {
+		const copyObj = { ...this.newCustomDataField };
+		copyObj[this.newFieldName] = '';
+		this.newCustomDataField = copyObj;
+		this.newFieldName = '';
 	}
 
-	addCustomData(){
-		const copyObj = {...this.customData}
-		copyObj[this.newCustomDataKey] = this.newCustomDataField
-		this.customData = copyObj
-		this.newCustomDataKey = ""
+	addCustomData() {
+		const copyObj = { ...this.customData };
+		copyObj[this.newCustomDataKey] = this.newCustomDataField;
+		this.customData = copyObj;
+		this.newCustomDataKey = '';
 		this.newCustomDataField = {};
-		this.newFieldName = ''
+		this.newFieldName = '';
 		this.isOpenCustomDataModal = false;
 	}
 
-	updateCustomData(key, data){
-		this.isOpenCustomDataModal = true
-		this.newCustomDataField = data
-		this.newCustomDataKey = key
-
+	updateCustomData(key, data) {
+		this.isOpenCustomDataModal = true;
+		this.newCustomDataField = data;
+		this.newCustomDataKey = key;
 	}
-	removeCustomData(key){
-		const copyObj = {...this.customData}
-		delete copyObj[key]
-		this.customData = copyObj
+	removeCustomData(key) {
+		const copyObj = { ...this.customData };
+		delete copyObj[key];
+		this.customData = copyObj;
 	}
 
 	render() {
@@ -479,7 +478,9 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
 										>
 											<input
 												id=${key}
-												placeholder=${key + ' ' +  get('settings.address')}
+												placeholder=${key +
+												' ' +
+												get('settings.address')}
 												class="input"
 												.value=${this.wallets[key]}
 												@change=${(e) => {
@@ -498,13 +499,15 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
 												>upload_2</mwc-icon
 											>
 											<vaadin-tooltip
-							for=${`${key}-upload`}
-							position="bottom"
-							hover-delay=${200}
-							hide-delay=${1}
-							text=${translate('profile.profile21')}
-						>
-						</vaadin-tooltip>
+												for=${`${key}-upload`}
+												position="bottom"
+												hover-delay=${200}
+												hide-delay=${1}
+												text=${translate(
+													'profile.profile21'
+												)}
+											>
+											</vaadin-tooltip>
 										</div>
 									</div>
 								`;
@@ -516,20 +519,21 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
 									<div
 										style="display:flex;justify-content:center;flex-direction:column;gap:25px"
 									>
-										
 										<div
 											style="display:flex;gap:15px;align-items:center"
 										>
-										<p
-										
-											style="color: var(--black);font-size:16px"
-										>
-											${key}
+											<p
+												style="color: var(--black);font-size:16px"
+											>
+												${key}
 											</p>
 
 											<mwc-icon
 												@click=${() =>
-													this.updateCustomData(key,this.customData[key])}
+													this.updateCustomData(
+														key,
+														this.customData[key]
+													)}
 												style="color:var(--black);cursor:pointer"
 												>edit</mwc-icon
 											>
@@ -559,31 +563,36 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
 						>
 							${translate('general.close')}
 						</button>
-						
+
 						<div style="display:flex;gap:10px;align-items:center">
-						
-						<button
-							?disabled="${this.isLoading}"
-							class="modal-button"
-							@click=${() => {
-								this.isOpenCustomDataModal = true;
-							}}
-						>
-							${translate('profile.profile8')}
-						</button>
-						<button
-							?disabled="${this.isLoading}"
-							class="modal-button"
-							@click=${() => {
-								if(this.isSaving) return
-								this.saveProfile();
-							}}
-						>
-						${this.isSaving ? html`
-							<paper-spinner-lite active></paper-spinner-lite>
-							` : ''}
-							${this.isSaving ? '' : translate('profile.profile3') }
-						</button>
+							<button
+								?disabled="${this.isLoading}"
+								class="modal-button"
+								@click=${() => {
+									this.isOpenCustomDataModal = true;
+								}}
+							>
+								${translate('profile.profile8')}
+							</button>
+							<button
+								?disabled="${this.isLoading}"
+								class="modal-button"
+								@click=${() => {
+									if (this.isSaving) return;
+									this.saveProfile();
+								}}
+							>
+								${this.isSaving
+									? html`
+											<paper-spinner-lite
+												active
+											></paper-spinner-lite>
+									  `
+									: ''}
+								${this.isSaving
+									? ''
+									: translate('profile.profile3')}
+							</button>
 						</div>
 					</div>
 				</div>
@@ -614,14 +623,12 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
 							>
 								<input
 									id="key-name"
-									placeholder=${translate(
-										'profile.profile9'
-									)}
+									placeholder=${translate('profile.profile9')}
 									?disabled=${!!this.qortalRequestCustomData}
 									class="input"
 									.value=${this.newCustomDataKey}
 									@change=${(e) => {
-										this.newCustomDataKey = e.target.value
+										this.newCustomDataKey = e.target.value;
 									}}
 								/>
 							</div>
@@ -629,66 +636,75 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
 						<div style="height:15px"></div>
 						<p>${translate('profile.profile10')}</p>
 						<div style="display: flex;flex-direction: column;">
-							${Object.keys(this.newCustomDataField).map((key) => {
-								return html`
-									<div
-										style="display:flex;justify-content:center;flex-direction:column"
-									>
-										<label
-											for=${key}
-											id="taglineLabel"
-											style="color: var(--black);font-size:16px"
-										>
-											${key}
-										</label>
+							${Object.keys(this.newCustomDataField).map(
+								(key) => {
+									return html`
 										<div
-											style="display:flex;gap:15px;align-items:center"
+											style="display:flex;justify-content:center;flex-direction:column"
 										>
-										
-											<input
-												id=${key}
-												placeholder=${translate('profile.profile13')}
-												class="input"
-												.value=${this.newCustomDataField[key]}
-												@change=${(e) => {
-													this.newCustomDataField = {
-														...this.newCustomDataField,
-														[key]: e.target.value,
-													};
-												}}
-											/>
-
-											<mwc-icon
-												@click=${() =>
-													this.removeField(key)}
-												style="color:var(--black);cursor:pointer"
-												>remove</mwc-icon
+											<label
+												for=${key}
+												id="taglineLabel"
+												style="color: var(--black);font-size:16px"
 											>
+												${key}
+											</label>
+											<div
+												style="display:flex;gap:15px;align-items:center"
+											>
+												<input
+													id=${key}
+													placeholder=${translate(
+														'profile.profile13'
+													)}
+													class="input"
+													.value=${this
+														.newCustomDataField[
+														key
+													]}
+													@change=${(e) => {
+														this.newCustomDataField =
+															{
+																...this
+																	.newCustomDataField,
+																[key]: e.target
+																	.value,
+															};
+													}}
+												/>
+
+												<mwc-icon
+													@click=${() =>
+														this.removeField(key)}
+													style="color:var(--black);cursor:pointer"
+													>remove</mwc-icon
+												>
+											</div>
 										</div>
-									</div>
-								`;
-							})}
+									`;
+								}
+							)}
 						</div>
 						<div style="height:15px"></div>
-						<div style="width:100%;display:flex;justify-content:center;gap:10px;margin-top:30px">
-						<input
-												
-												placeholder=${translate('profile.profile12')}
-												class="input"
-												.value=${this.newFieldName}
-												@change=${(e) => {
-													this.newFieldName = e.target.value
-													
-												}}
-											/>
-						<button
-							class="modal-button"
-							@click=${() => {
-								this.addField();
-							}}
+						<div
+							style="width:100%;display:flex;justify-content:center;gap:10px;margin-top:30px"
 						>
-							${translate('profile.profile11')}
-						</button>
+							<input
+								placeholder=${translate('profile.profile12')}
+								class="input"
+								.value=${this.newFieldName}
+								@change=${(e) => {
+									this.newFieldName = e.target.value;
+								}}
+							/>
+							<button
+								class="modal-button"
+								@click=${() => {
+									this.addField();
+								}}
+							>
+								${translate('profile.profile11')}
+							</button>
 						</div>
 					</div>
 					<div
@@ -698,8 +714,8 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
 							class="modal-button-red"
 							?disabled="${this.isLoading}"
 							@click="${() => {
-								this.isOpenCustomDataModal = false
-								this.newCustomDataKey = ""
+								this.isOpenCustomDataModal = false;
+								this.newCustomDataKey = '';
 								this.newCustomDataField = {};
 							}}"
 						>
@@ -713,7 +729,7 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
 								this.addCustomData();
 							}}
 						>
-							 ${translate('profile.profile8')}
+							${translate('profile.profile8')}
 						</button>
 					</div>
 				</div>