mokhtar/shellphone.app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add some metrics

Browse Source
This commit is contained in:
m5r
2021-10-21 00:24:29 +02:00
parent 5f6100b0bb
commit 730030f6f1
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/public-area/pages/open.tsx
View File

@ -6,20 +6,24 @@ import getMetrics from "../queries/get-metrics";
import Layout from "../components/layout";
const initialData = {
users: 0,
phoneNumbers: 0,
smsExchanged: 0,
minutesCalled: 0,
averageMinutesCalled: 0,
};
const OpenMetrics: BlitzPage = () => {
const [metrics] = useQuery(getMetrics, {}, { suspense: false, initialData });
const { phoneNumbers, smsExchanged, minutesCalled } = metrics ?? initialData;
const { users, phoneNumbers, smsExchanged, minutesCalled, averageMinutesCalled } = metrics ?? initialData;
return (
<dl className="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3">
<Card title="Users" value={users} />
<Card title="Phone Numbers Registered" value={phoneNumbers} />
<Card title="SMS Exchanged" value={smsExchanged} />
<Card title="Minutes on Call" value={minutesCalled} />
<Card title="Avg Call Length in Minutes" value={averageMinutesCalled} />
</dl>
);
};