mirror of
https://dev.azure.com/globalhealthx/EMR/_git/helix-engage
synced 2026-04-12 02:38:15 +00:00
feat: build CC Agent Call Desk with CTI simulation, AI insights, disposition form, and call log
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
26
src/components/call-desk/call-simulator.tsx
Normal file
26
src/components/call-desk/call-simulator.tsx
Normal file
@@ -0,0 +1,26 @@
|
||||
import { PhoneCall01 } from '@untitledui/icons';
|
||||
import { cx } from '@/utils/cx';
|
||||
|
||||
interface CallSimulatorProps {
|
||||
onSimulate: () => void;
|
||||
isCallActive: boolean;
|
||||
}
|
||||
|
||||
export const CallSimulator = ({ onSimulate, isCallActive }: CallSimulatorProps) => {
|
||||
return (
|
||||
<button
|
||||
type="button"
|
||||
onClick={onSimulate}
|
||||
disabled={isCallActive}
|
||||
className={cx(
|
||||
'inline-flex w-full items-center justify-center gap-2 rounded-xl px-6 py-3 text-sm font-semibold text-white transition duration-100 ease-linear sm:w-auto',
|
||||
isCallActive
|
||||
? 'cursor-not-allowed bg-disabled text-disabled'
|
||||
: 'cursor-pointer bg-brand-solid hover:bg-brand-solid_hover [&:hover_svg]:animate-[ring-shake_0.5s_ease-in-out]',
|
||||
)}
|
||||
>
|
||||
<PhoneCall01 className="size-5 shrink-0" />
|
||||
{isCallActive ? 'Call in progress...' : 'Simulate Incoming Call'}
|
||||
</button>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user