mirror of
https://dev.azure.com/globalhealthx/EMR/_git/helix-engage
synced 2026-05-18 20:08:19 +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>
34 lines
1.5 KiB
TypeScript
34 lines
1.5 KiB
TypeScript
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
import { faPlus } from "@fortawesome/pro-duotone-svg-icons";
|
|
import type { ButtonProps as AriaButtonProps } from "react-aria-components";
|
|
import { Tooltip as AriaTooltip, TooltipTrigger as AriaTooltipTrigger } from "@/components/base/tooltip/tooltip";
|
|
import { cx } from "@/utils/cx";
|
|
|
|
const sizes = {
|
|
xs: { root: "size-6", icon: "size-4" },
|
|
sm: { root: "size-8", icon: "size-4" },
|
|
md: { root: "size-10", icon: "size-5" },
|
|
};
|
|
|
|
interface AvatarAddButtonProps extends AriaButtonProps {
|
|
size: "xs" | "sm" | "md";
|
|
title?: string;
|
|
className?: string;
|
|
}
|
|
|
|
export const AvatarAddButton = ({ size, className, title = "Add user", ...props }: AvatarAddButtonProps) => (
|
|
<AriaTooltip title={title}>
|
|
<AriaTooltipTrigger
|
|
{...props}
|
|
aria-label={title}
|
|
className={cx(
|
|
"flex cursor-pointer items-center justify-center rounded-full border border-dashed border-primary bg-primary text-fg-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-fg-quaternary_hover focus-visible:outline-2 focus-visible:outline-offset-2 disabled:border-gray-200 disabled:bg-secondary disabled:text-gray-200",
|
|
sizes[size].root,
|
|
className,
|
|
)}
|
|
>
|
|
<FontAwesomeIcon icon={faPlus} className={cx("text-current transition-inherit-all", sizes[size].icon)} />
|
|
</AriaTooltipTrigger>
|
|
</AriaTooltip>
|
|
);
|