diff --git a/src/components/views/rooms/NotificationBadge.tsx b/src/components/views/rooms/NotificationBadge.tsx
index a70ff93bd2..a97d51fc90 100644
--- a/src/components/views/rooms/NotificationBadge.tsx
+++ b/src/components/views/rooms/NotificationBadge.tsx
@@ -143,15 +143,16 @@ export default class NotificationBadge extends React.PureComponent
- );
+ label = _t("Message didn't send. Click for info.");
+ tooltip = ;
}
return (
{
onClick={this.onBadgeClick}
tabIndex={tabIndex}
aria-label={ariaLabel}
+ showUnsentTooltip={true}
/>
);
diff --git a/src/stores/notifications/ListNotificationState.ts b/src/stores/notifications/ListNotificationState.ts
index 6c67dbdd08..4168fe80b6 100644
--- a/src/stores/notifications/ListNotificationState.ts
+++ b/src/stores/notifications/ListNotificationState.ts
@@ -31,10 +31,6 @@ export class ListNotificationState extends NotificationState {
super();
}
- public get symbol(): string {
- return null; // This notification state doesn't support symbols
- }
-
public setRooms(rooms: Room[]) {
// If we're only concerned about the tile count, don't bother setting up listeners.
if (this.byTileCount) {
@@ -82,6 +78,7 @@ export class ListNotificationState extends NotificationState {
private calculateTotalState() {
const snapshot = this.snapshot();
+ this._symbol = null;
if (this.byTileCount) {
this._color = NotificationColor.Red;
this._count = this.rooms.length;
@@ -92,6 +89,10 @@ export class ListNotificationState extends NotificationState {
this._count += state.count;
this._color = Math.max(this.color, state.color);
}
+
+ if (this._color === NotificationColor.Unsent) {
+ this._symbol = "!";
+ }
}
// finally, publish an update if needed