fix(getStyledClassName): remove $ from childrenProps (#2979)

rxri · web-flow · commit 7849eb26c482 · 2024-04-23T22:26:29.000+02:00
diff --git a/jsHelper/spicetifyWrapper.js b/jsHelper/spicetifyWrapper.js
@@ -1029,7 +1029,8 @@ Spicetify._getStyledClassName = (args, component) => {
 	const childrenProps = ["iconLeading", "iconTrailing", "iconOnly", "$iconOnly", "$iconLeading", "$iconTrailing"];
 
 	for (const key of childrenProps) {
-		if (element[key]) className += `-${key}`;
+		const sanitizedKey = key.startsWith("$") ? key.slice(1) : key;
+		if (element[key]) className += `-${sanitizedKey}`;
 	}
 
 	const booleanKeys = Object.keys(element).filter(key => typeof element[key] === "boolean" && element[key]);

Original file line number	Diff line number	Diff line change
`@@ -1029,7 +1029,8 @@ Spicetify._getStyledClassName = (args, component) => {`
`1029`	`1029`	`const childrenProps = ["iconLeading", "iconTrailing", "iconOnly", "$iconOnly", "$iconLeading", "$iconTrailing"];`
`1030`	`1030`
`1031`	`1031`	`for (const key of childrenProps) {`
`1032`		- if (element[key]) className += `-${key}`;
	`1032`	`+ const sanitizedKey = key.startsWith("$") ? key.slice(1) : key;`
	`1033`	+ if (element[key]) className += `-${sanitizedKey}`;
`1033`	`1034`	`}`
`1034`	`1035`
`1035`	`1036`	`const booleanKeys = Object.keys(element).filter(key => typeof element[key] === "boolean" && element[key]);`