
Waiting for a first reply
Can't export last month's report
Ray Charles
Password reset link expired
Patti Smith
Change the billing email
Bill Withers
Add 2 seats to our plan
Aretha Franklin
Three waiting tickets count their time to first response. The oldest is picked up by an agent and leaves, the others slide up, and a new one arrives at the bottom.
The import and the props worth knowing about, in one place.
import { Monitoring25 } from "@/components/beste/piece/monitoring25";
<Monitoring25
title="Waiting for a first reply"
tickets={[
{
"subject": "Can't export last month's report",
"customer": "Ray Charles",
"waitSeconds": 252
},
{
"subject": "Password reset link expired",
"customer": "Patti Smith",
"waitSeconds": 158
},
{
"subject": "Change the billing email",
"customer": "Bill Withers",
"waitSeconds": 47
},
{
"subject": "Add 2 seats to our plan",
"customer": "Aretha Franklin",
"waitSeconds": 4
}
]}
agent={{
"name": "Ella Fitzgerald",
"avatar": {
"src": "https://images.unsplash.com/photo-1605993439219-9d09d2020fa5?q=80&w=200&h=200&auto=format&fit=crop",
"alt": "Woman holding a coffee cup"
}
}}
warnAfter={240}
framed={true}
stepMs={900}
/>