diff --git a/web/public/locales/en/common.json b/web/public/locales/en/common.json index a91549a52..4a67413f3 100644 --- a/web/public/locales/en/common.json +++ b/web/public/locales/en/common.json @@ -100,7 +100,8 @@ }, "list": { "two": "{{0}} and {{1}}", - "many": "{{items}}, and {{last}}" + "many": "{{items}}, and {{last}}", + "separatorWithSpace": ", " }, "field": { "optional": "Optional", diff --git a/web/src/utils/lifecycleUtil.ts b/web/src/utils/lifecycleUtil.ts index 6dced00de..d672445ff 100644 --- a/web/src/utils/lifecycleUtil.ts +++ b/web/src/utils/lifecycleUtil.ts @@ -13,7 +13,8 @@ function formatZonesList(zones: string[]): string { }); } - const allButLast = zones.slice(0, -1).join(", "); + const separatorWithSpace = t("list.separatorWithSpace", { ns: "common" }); + const allButLast = zones.slice(0, -1).join(separatorWithSpace); return t("list.many", { items: allButLast, last: zones[zones.length - 1],