33 lines
977 B
TypeScript
33 lines
977 B
TypeScript
import type { FC } from '../../lib/teact/teact';
|
|
import React, { memo, useEffect } from '../../lib/teact/teact';
|
|
|
|
import { formatIntegerCompact } from '../../util/textFormat';
|
|
import { useFolderManagerForUnreadCounters } from '../../hooks/useFolderManager';
|
|
import { getAllNotificationsCount } from '../../util/folderManager';
|
|
import { updateAppBadge } from '../../util/appBadge';
|
|
|
|
interface OwnProps {
|
|
isForAppBadge?: boolean;
|
|
}
|
|
|
|
const UnreadCounter: FC<OwnProps> = ({ isForAppBadge }) => {
|
|
useFolderManagerForUnreadCounters();
|
|
const unreadNotificationsCount = getAllNotificationsCount();
|
|
|
|
useEffect(() => {
|
|
if (isForAppBadge) {
|
|
updateAppBadge(unreadNotificationsCount);
|
|
}
|
|
}, [isForAppBadge, unreadNotificationsCount]);
|
|
|
|
if (isForAppBadge || !unreadNotificationsCount) {
|
|
return undefined;
|
|
}
|
|
|
|
return (
|
|
<div className="unread-count active">{formatIntegerCompact(unreadNotificationsCount)}</div>
|
|
);
|
|
};
|
|
|
|
export default memo(UnreadCounter);
|