watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-09 23:27:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Updated fetch hook.

Browse source
This commit is contained in:
Mike Cao 2020-10-10 22:36:55 -07:00
parent 3374f875f3
commit 1fcb610bdd
6 changed files with 57 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

14
components/metrics/RealtimeLog.js
View file

@ -94,14 +94,24 @@ export default function RealtimeLog({ data, websites }) {
}
}
function getTime({ created_at }) {
return format(new Date(created_at), 'h:mm:ss');
}
function getColor(row) {
const { session_id } = row;
return stringToColor(uuids[session_id] || `${session_id}${getWebsite(row)}`);
}
const Row = ({ index, style }) => {
const row = logs[index];
return (
<div className={styles.row} style={style}>
<div>
<Dot color={stringToColor(uuids[row.session_id] || `${row.session_id}`)} />
<Dot color={getColor(row)} />
</div>
<div className={styles.time}>{format(new Date(row.created_at), 'h:mm:ss')}</div>
<div className={styles.time}>{getTime(row)}</div>
<div className={styles.detail}>
<Icon className={styles.icon} icon={getIcon(row)} />
{getDetail(row)}

5
components/metrics/RealtimeLog.module.css
View file

@ -34,15 +34,12 @@
.website {
text-align: right;
padding-right: 20px;
padding: 0 20px;
}
.detail {
display: flex;
flex: 1;
}
.detail span {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;