Chat: Fix selected unread pinned badge color (#1818)
This commit is contained in:
parent
af4b67baad
commit
8d9ae4b134
@ -54,7 +54,7 @@
|
|||||||
color: var(--color-white);
|
color: var(--color-white);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.pinned:not(.unread) {
|
&.pinned {
|
||||||
color: var(--color-pinned);
|
color: var(--color-pinned);
|
||||||
background: transparent;
|
background: transparent;
|
||||||
width: 1.5rem;
|
width: 1.5rem;
|
||||||
|
|||||||
@ -17,11 +17,12 @@ type OwnProps = {
|
|||||||
|
|
||||||
const Badge: FC<OwnProps> = ({ chat, isPinned, isMuted }) => {
|
const Badge: FC<OwnProps> = ({ chat, isPinned, isMuted }) => {
|
||||||
const isShown = Boolean(chat.unreadCount || chat.hasUnreadMark || isPinned);
|
const isShown = Boolean(chat.unreadCount || chat.hasUnreadMark || isPinned);
|
||||||
|
const isUnread = Boolean(chat.unreadCount || chat.hasUnreadMark);
|
||||||
const className = buildClassName(
|
const className = buildClassName(
|
||||||
'Badge',
|
'Badge',
|
||||||
isMuted && 'muted',
|
isMuted && 'muted',
|
||||||
isPinned && 'pinned',
|
!isUnread && isPinned && 'pinned',
|
||||||
Boolean(chat.unreadCount || chat.hasUnreadMark) && 'unread',
|
isUnread && 'unread',
|
||||||
);
|
);
|
||||||
|
|
||||||
function renderContent() {
|
function renderContent() {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user