diff --git a/.gitignore b/.gitignore
index 715ff703..32d3cbce 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,6 +23,7 @@
.DS_Store
.idea
*.iml
+*.log
.vscode/*
# debug
diff --git a/components/common/NoData.module.css b/components/common/NoData.module.css
index d1c712eb..82f9c3ee 100644
--- a/components/common/NoData.module.css
+++ b/components/common/NoData.module.css
@@ -1,5 +1,6 @@
.container {
color: var(--gray500);
+ font-size: var(--font-size-normal);
position: absolute;
top: 50%;
left: 50%;
diff --git a/components/metrics/RealtimeLog.js b/components/metrics/RealtimeLog.js
index c2de333b..18f064e8 100644
--- a/components/metrics/RealtimeLog.js
+++ b/components/metrics/RealtimeLog.js
@@ -1,5 +1,5 @@
import React, { useMemo, useState } from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage, useIntl } from 'react-intl';
import { FixedSizeList } from 'react-window';
import firstBy from 'thenby';
import { format } from 'date-fns';
@@ -7,6 +7,7 @@ import Icon from 'components/common/Icon';
import Tag from 'components/common/Tag';
import Dot from 'components/common/Dot';
import FilterButtons from 'components/common/FilterButtons';
+import { devices } from 'components/messages';
import useLocale from 'hooks/useLocale';
import useCountryNames from 'hooks/useCountryNames';
import { BROWSERS } from 'lib/constants';
@@ -15,6 +16,7 @@ import Visitor from 'assets/visitor.svg';
import Eye from 'assets/eye.svg';
import { stringToColor } from 'lib/format';
import styles from './RealtimeLog.module.css';
+import NoData from '../common/NoData';
const TYPE_ALL = 0;
const TYPE_PAGEVIEW = 1;
@@ -28,6 +30,7 @@ const TYPE_ICONS = {
};
export default function RealtimeLog({ data, websites }) {
+ const intl = useIntl();
const [locale] = useLocale();
const countryNames = useCountryNames(locale);
const [filter, setFilter] = useState(TYPE_ALL);
@@ -116,9 +119,9 @@ export default function RealtimeLog({ data, websites }) {
defaultMessage="Visitor from {country} using {browser} on {os} {device}"
values={{
country: {countryNames[country]},
- browser: BROWSERS[browser],
- os,
- device,
+ browser: {BROWSERS[browser]},
+ os: {os},
+ device: {intl.formatMessage(devices[device])?.toLowerCase()},
}}
/>
);
@@ -159,6 +162,7 @@ export default function RealtimeLog({ data, websites }) {