mirror of
https://github.com/element-hq/element-web
synced 2024-11-28 20:38:55 +03:00
Merge pull request #5192 from matrix-org/matthew/badge-counts
bring back 1.2M style badge counts rather than 99+
This commit is contained in:
commit
017765df24
2 changed files with 2 additions and 13 deletions
|
@ -16,7 +16,7 @@ limitations under the License.
|
||||||
|
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import classNames from "classnames";
|
import classNames from "classnames";
|
||||||
import { formatMinimalBadgeCount } from "../../../utils/FormattingUtils";
|
import { formatCount } from "../../../utils/FormattingUtils";
|
||||||
import SettingsStore from "../../../settings/SettingsStore";
|
import SettingsStore from "../../../settings/SettingsStore";
|
||||||
import AccessibleButton from "../elements/AccessibleButton";
|
import AccessibleButton from "../elements/AccessibleButton";
|
||||||
import { XOR } from "../../../@types/common";
|
import { XOR } from "../../../@types/common";
|
||||||
|
@ -109,7 +109,7 @@ export default class NotificationBadge extends React.PureComponent<XOR<IProps, I
|
||||||
if (!notification.hasUnreadCount) return null; // Can't render a badge
|
if (!notification.hasUnreadCount) return null; // Can't render a badge
|
||||||
}
|
}
|
||||||
|
|
||||||
let symbol = notification.symbol || formatMinimalBadgeCount(notification.count);
|
let symbol = notification.symbol || formatCount(notification.count);
|
||||||
if (isEmptyBadge) symbol = "";
|
if (isEmptyBadge) symbol = "";
|
||||||
|
|
||||||
const classes = classNames({
|
const classes = classNames({
|
||||||
|
|
|
@ -119,14 +119,3 @@ export function formatCommaSeparatedList(items: string[], itemLimit?: number): s
|
||||||
return _t("%(items)s and %(lastItem)s", { items: items.join(', '), lastItem: lastItem });
|
return _t("%(items)s and %(lastItem)s", { items: items.join(', '), lastItem: lastItem });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Formats a number into a 'minimal' badge count (9, 98, 99+).
|
|
||||||
* @param count The number to convert
|
|
||||||
* @returns The badge count, stringified.
|
|
||||||
*/
|
|
||||||
export function formatMinimalBadgeCount(count: number): string {
|
|
||||||
// we specifically go from "98" to "99+"
|
|
||||||
if (count < 99) return count.toString();
|
|
||||||
return "99+";
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in a new issue