Updated fetch hook.

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

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)}