Fix settings-aboutme to wait for icon load before coloring.

llaske · Jul 30, 2024 · 15239d3 · 15239d3
1 parent e225221
commit 15239d3
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/v2/js/screens/settings-aboutme.js b/v2/js/screens/settings-aboutme.js
@@ -80,11 +80,18 @@ const AboutMe = {
 		},
 
 		colorize() {
-			this.$refs.psicon.colorData = this.getPreviousStrokeColor(this.currentcolor);
-			this.$refs.pficon.colorData = this.getPreviousFillColor(this.currentcolor);
-			this.$refs.cicon.colorData = this.currentcolor;
-			this.$refs.nficon.colorData = this.getNextFillColor(this.currentcolor);
-			this.$refs.nsicon.colorData = this.getNextStrokeColor(this.currentcolor);
+			const icons = ['psicon', 'pficon', 'cicon', 'nficon', 'nsicon'];
+			const colorFunctions = [
+				this.getPreviousStrokeColor,
+				this.getPreviousFillColor,
+				color => color,
+				this.getNextFillColor,
+				this.getNextStrokeColor
+			];
+			icons.forEach(async (icon, index) => {
+				await this.$refs[icon].wait();
+				this.$refs[icon].colorData = colorFunctions[index](this.currentcolor);
+			});
 		},
 
 		getNextStrokeColor(color) {