helix-admin/helix-engage
1
0
Fork 0
mirror of https://dev.azure.com/globalhealthx/EMR/_git/helix-engage synced 2026-04-12 02:38: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

101
src/components/modals/merge-modal.tsx
View File

@@ -1,8 +1,8 @@
import { Dialog, Modal, ModalOverlay } from '@/components/application/modals/modal';
import { Button } from '@/components/base/buttons/button';
import { formatPhone, formatShortDate } from '@/lib/format';
import type { Lead } from '@/types/entities';
import { cx } from '@/utils/cx';
import { Dialog, Modal, ModalOverlay } from "@/components/application/modals/modal";
import { Button } from "@/components/base/buttons/button";
import { formatPhone, formatShortDate } from "@/lib/format";
import type { Lead } from "@/types/entities";
import { cx } from "@/utils/cx";
type MergeModalProps = {
isOpen: boolean;
@@ -23,79 +23,59 @@ const getLeadName = (lead: Lead) => {
if (lead.contactName) {
return `${lead.contactName.firstName} ${lead.contactName.lastName}`.trim();
}
return '—';
return "—";
};
const getLeadPhone = (lead: Lead) => {
if (lead.contactPhone && lead.contactPhone.length > 0) {
return formatPhone(lead.contactPhone[0]);
}
return '—';
return "—";
};
const getLeadEmail = (lead: Lead) => lead.contactEmail?.[0]?.address ?? '—';
const getLeadEmail = (lead: Lead) => lead.contactEmail?.[0]?.address ?? "—";
const buildFieldRows = (primary: Lead, duplicate: Lead): FieldRow[] => [
{
label: 'Name',
label: "Name",
primary: getLeadName(primary),
duplicate: getLeadName(duplicate),
},
{
label: 'Phone',
label: "Phone",
primary: getLeadPhone(primary),
duplicate: getLeadPhone(duplicate),
},
{
label: 'Email',
label: "Email",
primary: getLeadEmail(primary),
duplicate: getLeadEmail(duplicate),
},
{
label: 'Source',
primary: primary.leadSource ?? '—',
duplicate: duplicate.leadSource ?? '—',
label: "Source",
primary: primary.leadSource ?? "—",
duplicate: duplicate.leadSource ?? "—",
},
{
label: 'Campaign',
primary: primary.campaignId ?? '—',
duplicate: duplicate.campaignId ?? '—',
label: "Campaign",
primary: primary.campaignId ?? "—",
duplicate: duplicate.campaignId ?? "—",
},
{
label: 'Created',
primary: primary.createdAt ? formatShortDate(primary.createdAt) : '—',
duplicate: duplicate.createdAt ? formatShortDate(duplicate.createdAt) : '—',
label: "Created",
primary: primary.createdAt ? formatShortDate(primary.createdAt) : "—",
duplicate: duplicate.createdAt ? formatShortDate(duplicate.createdAt) : "—",
},
{
label: 'Status',
primary: primary.leadStatus ?? '—',
duplicate: duplicate.leadStatus ?? '—',
label: "Status",
primary: primary.leadStatus ?? "—",
duplicate: duplicate.leadStatus ?? "—",
},
];
const LeadCard = ({
label,
isPrimary,
fieldRows,
}: {
label: string;
isPrimary: boolean;
fieldRows: FieldRow[];
}) => (
<div
className={cx(
'flex-1 rounded-xl border-2 p-4 flex flex-col gap-3',
isPrimary ? 'border-brand' : 'border-secondary',
)}
>
<p
className={cx(
'text-xs font-bold uppercase tracking-wide',
isPrimary ? 'text-brand-secondary' : 'text-quaternary',
)}
>
{label}
</p>
const LeadCard = ({ label, isPrimary, fieldRows }: { label: string; isPrimary: boolean; fieldRows: FieldRow[] }) => (
<div className={cx("flex flex-1 flex-col gap-3 rounded-xl border-2 p-4", isPrimary ? "border-brand" : "border-secondary")}>
<p className={cx("text-xs font-bold tracking-wide uppercase", isPrimary ? "text-brand-secondary" : "text-quaternary")}>{label}</p>
<div className="flex flex-col gap-2">
{fieldRows.map((row) => {
const value = isPrimary ? row.primary : row.duplicate;
@@ -103,12 +83,7 @@ const LeadCard = ({
return (
<div key={row.label} className="flex flex-col gap-0.5">
<span className="text-xs text-quaternary">{row.label}</span>
<span
className={cx(
'text-xs break-words',
!isPrimary && conflicts ? 'font-semibold text-warning-primary' : 'text-primary',
)}
>
<span className={cx("text-xs break-words", !isPrimary && conflicts ? "font-semibold text-warning-primary" : "text-primary")}>
{value}
</span>
</div>
@@ -137,34 +112,24 @@ export const MergeModal = ({ isOpen, onOpenChange, primaryLead, duplicateLead, o
<Modal className="sm:max-w-2xl">
<Dialog>
{() => (
<div className="flex w-full flex-col rounded-xl bg-primary shadow-xl ring-1 ring-secondary overflow-hidden">
<div className="flex w-full flex-col overflow-hidden rounded-xl bg-primary shadow-xl ring-1 ring-secondary">
{/* Header */}
<div className="px-6 pt-6 pb-4 border-b border-secondary">
<div className="border-b border-secondary px-6 pt-6 pb-4">
<h2 className="text-lg font-semibold text-primary">Merge Duplicate Leads</h2>
<p className="mt-1 text-sm text-tertiary">
Compare and merge two leads with the same phone number.
</p>
<p className="mt-1 text-sm text-tertiary">Compare and merge two leads with the same phone number.</p>
</div>
{/* Body */}
<div className="flex flex-col gap-4 px-6 py-4 overflow-y-auto max-h-[70vh]">
<div className="flex max-h-[70vh] flex-col gap-4 overflow-y-auto px-6 py-4">
{/* Side-by-side comparison */}
<div className="flex items-start gap-2">
<LeadCard
label="Keep (Primary)"
isPrimary={true}
fieldRows={fieldRows}
/>
<LeadCard label="Keep (Primary)" isPrimary={true} fieldRows={fieldRows} />
<div className="flex shrink-0 items-center self-center px-1 pt-6">
<span className="text-xl text-quaternary">→</span>
</div>
<LeadCard
label="Merge Into Primary"
isPrimary={false}
fieldRows={fieldRows}
/>
<LeadCard label="Merge Into Primary" isPrimary={false} fieldRows={fieldRows} />
</div>
{/* Note */}