recent_topics: Use `plural` syntax to conditionally display text.

We can use this format to display text in plural form or not based
on a number. This helps translators easily translate text and
users get a better formatted text.
This commit is contained in:
Aman Agrawal 2021-09-08 12:56:34 +05:30 committed by Tim Abbott
parent cf5a154413
commit a65af97692
1 changed files with 9 additions and 1 deletions

View File

@ -256,8 +256,16 @@ function format_topic(topic_data) {
// We display only 10 extra senders in tooltips,
// and just display remaining number of senders.
const remaining_senders = extra_sender_ids.length - MAX_EXTRA_SENDERS;
// Pluralization syntax from:
// https://formatjs.io/docs/core-concepts/icu-syntax/#plural-format
displayed_other_names.push(
$t({defaultMessage: `and {remaining_senders} other(s).`}, {remaining_senders}),
$t(
{
defaultMessage:
"and {remaining_senders, plural, one {1 other} other {# others}}.",
},
{remaining_senders},
),
);
}
const other_sender_names = displayed_other_names.join("<br/>");