fake metrics
This commit is contained in:
parent
4bf7b108f3
commit
39e0b8ca03
@ -21,9 +21,19 @@ const OpenMetrics: BlitzPage = () => {
|
||||
<Header />
|
||||
|
||||
<main className="flex-grow">
|
||||
<section>
|
||||
<div className="max-w-6xl mx-auto px-4 sm:px-6">
|
||||
<div className="pt-32 pb-10 md:pt-34 md:pb-16">Open Metrics</div>
|
||||
<section className="max-w-6xl mx-auto px-4 sm:px-6">
|
||||
<div className="pt-32 pb-10 md:pt-34 md:pb-16">
|
||||
<div className="max-w-5xl mx-auto">
|
||||
<h1 className="h1 mb-16 font-extrabold font-mackinac">Open Metrics</h1>
|
||||
</div>
|
||||
|
||||
<div className="max-w-3xl mx-auto text-lg xl:text-xl flow-root">
|
||||
<dl className="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3">
|
||||
<Card title="Phone Numbers Registered" value={41} />
|
||||
<Card title="SMS Exchanged" value={4929} />
|
||||
<Card title="Minutes on Call" value={1612} />
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
@ -33,6 +43,15 @@ const OpenMetrics: BlitzPage = () => {
|
||||
);
|
||||
};
|
||||
|
||||
function Card({ title, value }: any) {
|
||||
return (
|
||||
<div className="px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6">
|
||||
<dt className="text-sm font-medium text-gray-500 truncate">{title}</dt>
|
||||
<dd className="mt-1 text-3xl font-semibold text-gray-900">{value}</dd>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
OpenMetrics.suppressFirstRenderFlicker = true;
|
||||
|
||||
export default OpenMetrics;
|
||||
|
@ -23,14 +23,13 @@ const Roadmap: BlitzPage = () => {
|
||||
<Header />
|
||||
|
||||
<main className="flex-grow">
|
||||
<section>
|
||||
<div className="max-w-6xl mx-auto px-4 sm:px-6">
|
||||
<section className="max-w-6xl mx-auto px-4 sm:px-6">
|
||||
<div className="pt-32 pb-10 md:pt-34 md:pb-16">
|
||||
<div className="max-w-5xl mx-auto">
|
||||
<h1 className="h1 mb-16 font-extrabold font-mackinac">(Rough) Roadmap</h1>
|
||||
</div>
|
||||
|
||||
<div className="max-w-2xl mx-auto text-lg xl:text-xl flow-root">
|
||||
<div className="max-w-3xl mx-auto text-lg xl:text-xl flow-root">
|
||||
<ul role="list" className="-mb-8">
|
||||
{roadmap.map((feature, index) => {
|
||||
const isDone = feature.status === "done";
|
||||
@ -96,7 +95,6 @@ const Roadmap: BlitzPage = () => {
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</section>
|
||||
|
Loading…
Reference in New Issue
Block a user