Fix blank_before_percent (#19397)

* Fix blank_before_percent

* types n stuff

src/common/entity/compute_state_display.ts

@@ -113,7 +113,7 @@ export const computeStateDisplayFromEntityAttributes = (
     const unit = attributes.unit_of_measurement;
 
     if (unit) {
-      return `${value}${blankBeforeUnit(unit)}${unit}`;
+      return `${value}${blankBeforeUnit(unit, locale)}${unit}`;
     }
 
     return value;

src/common/translations/blank_before_percent.ts

@@ -4,7 +4,7 @@ import { FrontendLocaleData } from "../../data/translation";
 export const blankBeforePercent = (
   localeOptions: FrontendLocaleData
 ): string => {
-  switch (localeOptions?.language) {
+  switch (localeOptions.language) {
     case "cz":
     case "de":
     case "fi":

src/common/translations/blank_before_unit.ts

@@ -3,7 +3,7 @@ import { blankBeforePercent } from "./blank_before_percent";
 
 export const blankBeforeUnit = (
   unit: string,
-  localeOptions?: FrontendLocaleData
+  localeOptions: FrontendLocaleData | undefined
 ): string => {
   if (unit === "°") {
     return "";

src/components/ha-big-number.ts

@@ -32,7 +32,9 @@ export class HaBigNumber extends LitElement {
     const temperatureDecimal = formatted.replace(integer, "");
 
     const formattedValue = `${this.value}${
-      this.unit ? `${blankBeforeUnit(this.unit)}${this.unit}` : ""
+      this.unit
+        ? `${blankBeforeUnit(this.unit, this.hass?.locale)}${this.unit}`
+        : ""
     }`;
 
     const unitBottom = this.unitPosition === "bottom";

src/components/ha-control-number-buttons.ts

@@ -136,7 +136,9 @@ export class HaControlNumberButton extends LitElement {
       this.value != null
         ? formatNumber(this.value, this.locale, this.formatOptions)
         : "";
-    const unit = this.unit ? `${blankBeforeUnit(this.unit)}${this.unit}` : "";
+    const unit = this.unit
+      ? `${blankBeforeUnit(this.unit, this.locale)}${this.unit}`
+      : "";
 
     return html`
       <div class="container">

src/state-control/climate/ha-state-control-climate-temperature.ts

@@ -261,7 +261,7 @@ export class HaStateControlClimateTemperature extends LitElement {
       this.hass.locale,
       formatOptions
     );
-    return html`${formatted}${blankBeforeUnit(unit)}${unit}`;
+    return html`${formatted}${blankBeforeUnit(unit, this.hass.locale)}${unit}`;
   }
 
   private _renderCurrent(temperature: number, style: "normal" | "big") {