import { ListGroup } from 'react-bootstrap';
import { useTranslation } from 'react-i18next';
-const getEntryDate = entry => {
- const dateStr = moment(entry.created_at).fromNow();
- return entry.user
- ? `${entry.user.username} ${dateStr}`
- : dateStr;
-};
+import { getUserName } from '../../helpers/User';
+
+const getEntryDate = entry => moment(entry.created_at).fromNow();
const getEntryOrigin = (entry, t) => {
return t('chatBotLog.origin.chatLog', {
});
};
+const getEntryInfo = (entry, t) => {
+ if (entry.user && entry.category) {
+ return t('chatBotLog.info.userCat', {
+ category: t(`twitchBot.chatCategories.${entry.category}`),
+ date: getEntryDate(entry),
+ user: getUserName(entry.user),
+ });
+ }
+ if (entry.category) {
+ return t('chatBotLog.info.cat', {
+ category: t(`twitchBot.chatCategories.${entry.category}`),
+ date: getEntryDate(entry),
+ });
+ }
+ if (entry.user) {
+ return t('chatBotLog.info.user', {
+ date: getEntryDate(entry),
+ user: getUserName(entry.user),
+ });
+ }
+ return getEntryDate(entry);
+};
+
const Item = ({ entry }) => {
const { t } = useTranslation();
className="text-muted"
title={moment(entry.created_at).format('LLLL')}
>
- {getEntryDate(entry)}
+ {getEntryInfo(entry, t)}
</div>
</div>
</ListGroup.Item>;