Page MenuHomePhorge
Files F33208298

D6978.1768549045.diff
No OneTemporary
Actions

Size
1 KB
Referenced Files
None
Subscribers
None

D6978.1768549045.diff
View Options

diff --git a/web/sidebar/community-picker.css b/web/sidebar/community-picker.css
--- a/web/sidebar/community-picker.css
+++ b/web/sidebar/community-picker.css
@@ -72,3 +72,22 @@
padding-left: 12px;
color: var(--fg);
}
+
+span.chatBadge {
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 24px;
+ height: 24px;
+ color: var(--fg);
+ background: var(--unread-bg);
+ border-radius: 13px;
+ font-size: var(--xs-font-12);
+ line-height: 1.25;
+ margin-right: 4px;
+}
+
+span.chatBadgePlus {
+ width: 32px;
+}
diff --git a/web/sidebar/community-picker.react.js b/web/sidebar/community-picker.react.js
--- a/web/sidebar/community-picker.react.js
+++ b/web/sidebar/community-picker.react.js
@@ -5,6 +5,7 @@
import { useDispatch } from 'react-redux';
import SWMansionIcon from 'lib/components/SWMansionIcon.react.js';
+import { unreadCount } from 'lib/selectors/thread-selectors.js';
import CommunityDrawer from './community-drawer.react.js';
import css from './community-picker.css';
@@ -66,6 +67,17 @@
[css.sideLineActive]: isSettingsOpen,
});
+ const boundUnreadCount = useSelector(unreadCount);
+ let chatBadge = null;
+ if (boundUnreadCount > 0 && !isCalendarOpen) {
+ if (boundUnreadCount < 100) {
+ chatBadge = <span className={css.chatBadge}>{boundUnreadCount}</span>;
+ } else {
+ const classes = classNames(css.chatBadge, css.chatBadgePlus);
+ chatBadge = <span className={classes}>99+</span>;
+ }
+ }
+
return (
<div className={css.container}>
<div className={css.header}>
@@ -73,6 +85,8 @@
<div className={sideLineInbox} />
<SWMansionIcon icon="inbox" size={24} />
<div className={css.buttonTitle}> {inboxButtonTitle} </div>
+ <div className={css.spacer} />
+ {chatBadge}
</a>
</div>
<div className={css.drawerWrapper}>

File Metadata

Mime Type
text/plain
Expires
Fri, Jan 16, 7:37 AM (10 h, 10 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5942763
Default Alt Text
D6978.1768549045.diff (1 KB)

Event Timeline