No fill on workload charts for some languages

[romain-rossi]

What happened?

When I change the language from "English" to "French" (for example) the workload charts become black (no fill):

What did you expect to happen?

The charts should be green ("Running" status)

How can we reproduce it (as minimally and precisely as possible)?

1. install the 7.8.0 chart version
2. go to settings and change the language from "English" to "French"

Anything else we need to know?

The issue seems to be related to the method:

dashboard/modules/web/src/common/components/workloadstatus/component.ts

Lines 42 to 53 in 5e385bf

	getCustomColor(label: string): string {
	if (label.includes($localize`Running`)) {
	return '#00c752';
	} else if (label.includes($localize`Succeeded`)) {
	return '#006028';
	} else if (label.includes($localize`Pending`)) {
	return '#ffad20';
	} else if (label.includes($localize`Failed`)) {
	return '#f00';
	}
	return '';
	}

and the translations:

dashboard/modules/web/i18n/fr/messages.fr.xlf

Lines 557 to 560 in 5e385bf

	<trans-unit id="2956098160626271284" datatype="html">
	<source>Running</source>
	<target>En fonctionnement</target>
	</trans-unit>

dashboard/modules/web/i18n/fr/messages.fr.xlf

Lines 1803 to 1806 in 5e385bf

	<trans-unit id="7873445996550708978" datatype="html">
	<source>Running: <x id="PH" equiv-text="status.running"/></source>
	<target>En cours d&apos;exécution: <x id="PH" equiv-text="status.running"/></target>
	</trans-unit>

In french, the translation En cours d'exécution: X does not include En fonctionnement so the color is not resolved.

FYI, in the previous version, the above translations contain En fonctionnement

Related issue: #7515

What browsers are you seeing the problem on?

Chrome, Microsoft Edge

Kubernetes Dashboard version

from 7.0.0 to 7.8.0

Kubernetes version

1.27.10

Dev environment

No response

[chri4774]

I've noticed the same problem while migrating from v2.7.0 (HELM Release 6.0.8) to 7.2.0 and using german language in the dashboard.

[k8s-triage-robot]

The Kubernetes project currently lacks enough contributors to adequately respond to all issues.

This bot triages un-triaged issues according to the following rules:

• After 90d of inactivity, lifecycle/stale is applied
• After 30d of inactivity since lifecycle/stale was applied, lifecycle/rotten is applied
• After 30d of inactivity since lifecycle/rotten was applied, the issue is closed

You can:

• Mark this issue as fresh with /remove-lifecycle stale
• Close this issue with /close
• Offer to help out with Issue Triage

Please send feedback to sig-contributor-experience at kubernetes/community.

/lifecycle stale

[JLO974-2]

Same for me, in french the pie charts are black. Tested with chart 7.0.0 and 7.5.0

[mrksph]

Same for me, using latest release for kubernetes dashboard. Tested with spanish, Light theme, dark theme.... All pie charts are painted black

[k8s-triage-robot]

The Kubernetes project currently lacks enough active contributors to adequately respond to all issues.

This bot triages un-triaged issues according to the following rules:

• After 90d of inactivity, lifecycle/stale is applied
• After 30d of inactivity since lifecycle/stale was applied, lifecycle/rotten is applied
• After 30d of inactivity since lifecycle/rotten was applied, the issue is closed

You can:

• Mark this issue as fresh with /remove-lifecycle rotten
• Close this issue with /close
• Offer to help out with Issue Triage

Please send feedback to sig-contributor-experience at kubernetes/community.

/lifecycle rotten

[vittoriocanilli]

/remove-lifecycle rotten