mirrors/PairDrop
1
0
Fork 0
mirror of https://github.com/schlagmichdoch/PairDrop.git synced 2025-04-23 00:06:18 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Prevent edited displayname from flickering on page load by changing loading order

Browse source
This commit is contained in:
schlagmichdoch 2024-08-07 15:26:49 +02:00
parent 563c8dd8a8
commit 9f4d99c8db
1 changed files with 10 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

21
public/scripts/ui-main.js
View file

@ -206,10 +206,6 @@ class FooterUI {
Events.on('display-name', e => this._onDisplayName(e.detail.displayName));
Events.on('self-display-name-changed', e => this._insertDisplayName(e.detail));
// Load saved display name on page load
Events.on('ws-connected', _ => this._loadSavedDisplayName());
Events.on('evaluate-footer-badges', _ => this._evaluateFooterBadges());
}
@ -234,17 +230,20 @@ class FooterUI {
}
async _loadSavedDisplayName() {
const displayName = await this._getSavedDisplayName()
const displayNameSaved = await this._getSavedDisplayName()
if (!displayName) return;
if (!displayNameSaved) return;
console.log("Retrieved edited display name:", displayName)
Events.fire('self-display-name-changed', displayName);
console.log("Retrieved edited display name:", displayNameSaved)
Events.fire('self-display-name-changed', displayNameSaved);
}
_onDisplayName(displayName){
// set display name
this.$displayName.setAttribute('placeholder', displayName);
async _onDisplayName(displayNameServer){
// load saved displayname first to prevent flickering
await this._loadSavedDisplayName();
// set original display name as placeholder
this.$displayName.setAttribute('placeholder', displayNameServer);
}