feat: modernize report scheduling UI and date inputs
This commit is contained in:
parent
8cc513c532
commit
616fe42e10
10 changed files with 384 additions and 60 deletions
|
|
@ -50,6 +50,9 @@ const queueSparkConfig = {
|
|||
resolved: { label: "Resolvidos", color: "var(--chart-2)" },
|
||||
}
|
||||
|
||||
const metricBadgeClass =
|
||||
"gap-1 rounded-full border-border/60 px-2.5 py-0.5 text-[11px] sm:px-3 sm:py-1 sm:text-xs"
|
||||
|
||||
export function DashboardHero() {
|
||||
const { session, convexUserId, isStaff } = useAuth()
|
||||
const tenantId = session?.user.tenantId ?? DEFAULT_TENANT_ID
|
||||
|
|
@ -135,7 +138,8 @@ export function DashboardHero() {
|
|||
<Badge
|
||||
variant="outline"
|
||||
className={cn(
|
||||
"gap-1 rounded-full border-border/60 px-3 py-1 text-xs font-semibold",
|
||||
metricBadgeClass,
|
||||
"font-semibold",
|
||||
newTicketsTrend.delta === null
|
||||
? "text-neutral-500"
|
||||
: newTicketsTrend.delta < 0
|
||||
|
|
@ -170,7 +174,8 @@ export function DashboardHero() {
|
|||
<Badge
|
||||
variant="outline"
|
||||
className={cn(
|
||||
"gap-1 rounded-full border-border/60 px-3 py-1 text-xs font-semibold",
|
||||
metricBadgeClass,
|
||||
"font-semibold",
|
||||
inProgressTrend.delta === null
|
||||
? "text-neutral-500"
|
||||
: inProgressTrend.delta > 0
|
||||
|
|
@ -213,7 +218,8 @@ export function DashboardHero() {
|
|||
<Badge
|
||||
variant="outline"
|
||||
className={cn(
|
||||
"gap-1 rounded-full border-border/60 px-3 py-1 text-xs font-semibold",
|
||||
metricBadgeClass,
|
||||
"font-semibold",
|
||||
responseDelta.delta === null
|
||||
? "text-neutral-500"
|
||||
: responseDelta.delta > 0
|
||||
|
|
@ -247,7 +253,8 @@ export function DashboardHero() {
|
|||
<Badge
|
||||
variant="outline"
|
||||
className={cn(
|
||||
"gap-1 rounded-full border-border/60 px-3 py-1 text-xs font-semibold",
|
||||
metricBadgeClass,
|
||||
"font-semibold",
|
||||
resolutionInfo?.delta === null
|
||||
? "text-neutral-500"
|
||||
: resolutionInfo?.delta !== null && resolutionInfo.delta < 0
|
||||
|
|
@ -370,7 +377,8 @@ function QueueSparklineCard({
|
|||
<Badge
|
||||
variant="outline"
|
||||
className={cn(
|
||||
"rounded-full px-3 py-1 text-xs font-medium",
|
||||
metricBadgeClass,
|
||||
"font-medium",
|
||||
net > 0 ? "text-amber-600" : net < 0 ? "text-emerald-600" : "text-neutral-500"
|
||||
)}
|
||||
>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue