mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-11-14 11:10:29 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

updated NotificationBadge component

Browse source
This commit is contained in:
unknown 2021-08-28 18:16:20 +05:30
parent 7b0aa7b770
commit 9e9ea41bdd
5 changed files with 23 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/app/molecules/channel-selector/ChannelSelector.jsx
View file

@ -34,15 +34,12 @@ function ChannelSelector({
<Text variant="b1">{children}</Text>
</div>
<div className="channel-selector__badge-container">
{
notificationCount !== 0
? unread && (
<NotificationBadge alert={alert}>
{notificationCount}
</NotificationBadge>
)
: unread && <div className="channel-selector--unread" />
}
{ unread && (
<NotificationBadge
alert={alert}
content={notificationCount !== 0 ? notificationCount : null}
/>
)}
</div>
</div>
</button>

8
src/app/molecules/channel-selector/ChannelSelector.scss
View file

@ -54,14 +54,6 @@
}
}
.channel-selector--unread {
margin: 0 var(--sp-ultra-tight);
height: 8px;
width: 8px;
background-color: var(--tc-surface-normal);
border-radius: 50%;
opacity: .4;
}
.channel-selector--selected {
background-color: var(--bg-surface);
border-color: var(--bg-surface-border);

2
src/app/molecules/sidebar-avatar/SidebarAvatar.jsx
View file

@ -40,7 +40,7 @@ const SidebarAvatar = React.forwardRef(({
iconSrc={iconSrc}
size="normal"
/>
{ notifyCount !== null && <NotificationBadge alert>{notifyCount}</NotificationBadge> }
{ notifyCount !== null && <NotificationBadge alert content={notifyCount} /> }
</button>
</Tippy>
);