helix-admin/helix-engage
1
0
Fork 0
mirror of https://dev.azure.com/globalhealthx/EMR/_git/helix-engage synced 2026-04-11 18:28:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Linting and Formatting

Browse Source
This commit is contained in:
Kartik Datrika
2026-03-23 16:41:58 +05:30
parent 727a0728ee
commit 2c87a39733
175 changed files with 16535 additions and 11532 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/components/leads/kpi-cards.tsx
View File

@@ -1,5 +1,5 @@
import { cx } from '@/utils/cx';
import type { Lead } from '@/types/entities';
import type { Lead } from "@/types/entities";
import { cx } from "@/utils/cx";
interface KpiCardsProps {
leads: Lead[];
@@ -14,38 +14,38 @@ type KpiCard = {
};
export const KpiCards = ({ leads }: KpiCardsProps) => {
const newCount = leads.filter((l) => l.leadStatus === 'NEW').length;
const newCount = leads.filter((l) => l.leadStatus === "NEW").length;
const assignedCount = leads.filter((l) => l.assignedAgent !== null).length;
const contactedCount = leads.filter((l) => l.leadStatus === 'CONTACTED').length;
const convertedCount = leads.filter((l) => l.leadStatus === 'CONVERTED').length;
const contactedCount = leads.filter((l) => l.leadStatus === "CONTACTED").length;
const convertedCount = leads.filter((l) => l.leadStatus === "CONVERTED").length;
const cards: KpiCard[] = [
{
label: 'New Leads Today',
label: "New Leads Today",
value: newCount,
delta: '+12% vs yesterday',
deltaColor: 'text-success-primary',
delta: "+12% vs yesterday",
deltaColor: "text-success-primary",
isHero: true,
},
{
label: 'Assigned to CC',
label: "Assigned to CC",
value: assignedCount,
delta: '85% assigned',
deltaColor: 'text-brand-secondary',
delta: "85% assigned",
deltaColor: "text-brand-secondary",
isHero: false,
},
{
label: 'Contacted',
label: "Contacted",
value: contactedCount,
delta: '+8% vs yesterday',
deltaColor: 'text-success-primary',
delta: "+8% vs yesterday",
deltaColor: "text-success-primary",
isHero: false,
},
{
label: 'Converted',
label: "Converted",
value: convertedCount,
delta: '+3 this week',
deltaColor: 'text-warning-primary',
delta: "+3 this week",
deltaColor: "text-warning-primary",
isHero: false,
},
];
@@ -56,36 +56,13 @@ export const KpiCards = ({ leads }: KpiCardsProps) => {
<div
key={card.label}
className={cx(
'rounded-2xl p-5 transition hover:shadow-md',
card.isHero
? 'flex-[1.3] bg-brand-solid text-white'
: 'flex-1 border border-secondary bg-primary',
"rounded-2xl p-5 transition hover:shadow-md",
card.isHero ? "flex-[1.3] bg-brand-solid text-white" : "flex-1 border border-secondary bg-primary",
)}
>
<p
className={cx(
'text-xs font-medium uppercase tracking-wider',
card.isHero ? 'text-white/70' : 'text-quaternary',
)}
>
{card.label}
</p>
<p
className={cx(
'mt-1 text-display-sm font-bold',
card.isHero ? 'text-white' : 'text-primary',
)}
>
{card.value}
</p>
<p
className={cx(
'mt-1 text-xs',
card.isHero ? 'text-white/80' : card.deltaColor,
)}
>
{card.delta}
</p>
<p className={cx("text-xs font-medium tracking-wider uppercase", card.isHero ? "text-white/70" : "text-quaternary")}>{card.label}</p>
<p className={cx("mt-1 text-display-sm font-bold", card.isHero ? "text-white" : "text-primary")}>{card.value}</p>
<p className={cx("mt-1 text-xs", card.isHero ? "text-white/80" : card.deltaColor)}>{card.delta}</p>
</div>
))}
</div>