ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Archive: Fix unread badge styles (#3115)

Browse Source
This commit is contained in:
Alexander Zinchuk 2023-05-02 15:23:33 +04:00
parent cf1d5c6636
commit 0d782c24e1
1 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/left/main/Archive.tsx
View File

@ -15,7 +15,7 @@ import useLang from '../../../hooks/useLang';
import { useFolderManagerForOrderedIds, useFolderManagerForUnreadCounters } from '../../../hooks/useFolderManager';
import ListItem from '../../ui/ListItem';
import AnimatedCounter from '../../common/AnimatedCounter';
import Badge from '../../ui/Badge';
import styles from './Archive.module.scss';
@ -107,11 +107,10 @@ const Archive: FC<OwnProps> = ({
{lang('ArchivedChats')}
</h3>
</div>
{Boolean(archiveUnreadCount) && (
<div className={styles.unreadCount}>
<AnimatedCounter text={formatIntegerCompact(archiveUnreadCount)} />
</div>
)}
<Badge
className={styles.unreadCount}
text={archiveUnreadCount ? formatIntegerCompact(archiveUnreadCount) : undefined}
/>
</div>
</div>
);
@ -135,11 +134,10 @@ const Archive: FC<OwnProps> = ({
<div className={buildClassName('status', styles.chatsPreview)}>
{previewItems}
</div>
{Boolean(archiveUnreadCount) && (
<div className="Badge">
<AnimatedCounter text={formatIntegerCompact(archiveUnreadCount)} />
</div>
)}
<Badge
className={styles.unreadCount}
text={archiveUnreadCount ? formatIntegerCompact(archiveUnreadCount) : undefined}
/>
</div>
</div>
</>