31 lines
1,012 B
TypeScript
31 lines
1,012 B
TypeScript
import { FormattedMessage } from 'react-intl';
|
|
|
|
import NotificationsActiveIcon from '@/material-icons/400-24px/notifications_active-fill.svg?react';
|
|
import type { NotificationGroupStatus } from 'mastodon/models/notification_group';
|
|
|
|
import type { LabelRenderer } from './notification_group_with_status';
|
|
import { NotificationWithStatus } from './notification_with_status';
|
|
|
|
const labelRenderer: LabelRenderer = (displayedName) => (
|
|
<FormattedMessage
|
|
id='notification.status'
|
|
defaultMessage='{name} just posted'
|
|
values={{ name: displayedName }}
|
|
/>
|
|
);
|
|
|
|
export const NotificationStatus: React.FC<{
|
|
notification: NotificationGroupStatus;
|
|
unread: boolean;
|
|
}> = ({ notification, unread }) => (
|
|
<NotificationWithStatus
|
|
type='status'
|
|
icon={NotificationsActiveIcon}
|
|
iconId='notifications-active'
|
|
accountIds={notification.sampleAccountIds}
|
|
count={notification.notifications_count}
|
|
statusId={notification.statusId}
|
|
labelRenderer={labelRenderer}
|
|
unread={unread}
|
|
/>
|
|
);
|