signal-desktop/ts/components/conversation/LastSeenIndicator.tsx
2020-09-21 15:42:51 -04:00

22 lines
544 B
TypeScript

import React from 'react';
import { LocalizerType } from '../../types/Util';
export type Props = {
count: number;
i18n: LocalizerType;
};
export const LastSeenIndicator = ({ count, i18n }: Props): JSX.Element => {
const message =
count === 1
? i18n('unreadMessage')
: i18n('unreadMessages', [String(count)]);
return (
<div className="module-last-seen-indicator">
<div className="module-last-seen-indicator__bar" />
<div className="module-last-seen-indicator__text">{message}</div>
</div>
);
};