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