mirror of
https://dev.azure.com/globalhealthx/EMR/_git/helix-engage
synced 2026-04-11 18:28:15 +00:00
saridsa2
6f40b82579
Replace all @untitledui/icons imports across 55 files with equivalent
@fortawesome/pro-duotone-svg-icons icons, using FontAwesomeIcon wrappers
(FC<{ className?: string }>) for prop-based usage and inline replacements
for direct JSX usage. Drops unsupported Untitled UI-specific props
(strokeWidth, numeric size). TypeScript compiles clean with no errors.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
28 lines
1.1 KiB
TypeScript
28 lines
1.1 KiB
TypeScript
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
import { faPhoneArrowUpRight } from '@fortawesome/pro-duotone-svg-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]',
|
|
)}
|
|
>
|
|
<FontAwesomeIcon icon={faPhoneArrowUpRight} className="size-5 shrink-0" />
|
|
{isCallActive ? 'Call in progress...' : 'Simulate Incoming Call'}
|
|
</button>
|
|
);
|
|
};
|