LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

Use relative time for viewing duration

Browse Source
This commit is contained in:
Gabe Kangas 2020-10-25 19:05:40 -07:00
parent 049012485e
commit 2444bea78a
1 changed files with 21 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
web/pages/connected-clients.tsx
View File

@ -1,5 +1,6 @@
import React, { useState, useEffect, useContext } from 'react';
import { Table } from 'antd';
import { formatDistanceToNow } from "date-fns";
import { BroadcastStatusContext } from './utils/broadcast-status-context';
import { CONNECTED_CLIENTS, fetchData, FETCH_INTERVAL } from './utils/apis';
@ -50,36 +51,36 @@ export default function ConnectedClients() {
const columns = [
{
title: 'User name',
dataIndex: 'username',
key: 'username',
render: username => username || '-',
title: "User name",
dataIndex: "username",
key: "username",
render: (username) => username || "-",
sorter: (a, b) => a.username - b.username,
sortDirections: ['descend', 'ascend'],
sortDirections: ["descend", "ascend"],
},
{
title: 'Messages sent',
dataIndex: 'messageCount',
key: 'messageCount',
title: "Messages sent",
dataIndex: "messageCount",
key: "messageCount",
sorter: (a, b) => a.messageCount - b.messageCount,
sortDirections: ['descend', 'ascend'],
sortDirections: ["descend", "ascend"],
},
{
title: 'Connected Time',
dataIndex: 'connectedAt',
key: 'connectedAt',
render: time => (Date.now() - (new Date(time).getTime())) / 1000 / 60,
title: "Connected Time",
dataIndex: "connectedAt",
key: "connectedAt",
render: (time) => formatDistanceToNow(new Date(time)),
},
{
title: 'User Agent',
dataIndex: 'userAgent',
key: 'userAgent',
title: "User Agent",
dataIndex: "userAgent",
key: "userAgent",
},
{
title: 'Location',
dataIndex: 'geo',
key: 'geo',
render: geo => geo && `${geo.regionName}, ${geo.countryCode}`,
title: "Location",
dataIndex: "geo",
key: "geo",
render: (geo) => geo && `${geo.regionName}, ${geo.countryCode}`,
},
];