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>
37 lines
1.8 KiB
TypeScript
37 lines
1.8 KiB
TypeScript
import type { FC } from "react";
|
||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||
import { faArrowLeft } from "@fortawesome/pro-duotone-svg-icons";
|
||
import { useNavigate } from "react-router";
|
||
import { Button } from "@/components/base/buttons/button";
|
||
|
||
const ArrowLeft: FC<{ className?: string }> = ({ className }) => <FontAwesomeIcon icon={faArrowLeft} className={className} />;
|
||
|
||
export function NotFound() {
|
||
const router = useNavigate();
|
||
|
||
return (
|
||
<section className="flex min-h-screen items-start bg-primary py-16 md:items-center md:py-24">
|
||
<div className="mx-auto max-w-container grow px-4 md:px-8">
|
||
<div className="flex w-full max-w-3xl flex-col gap-8 md:gap-12">
|
||
<div className="flex flex-col gap-4 md:gap-6">
|
||
<div className="flex flex-col gap-3">
|
||
<span className="text-md font-semibold text-brand-secondary">404 error</span>
|
||
<h1 className="text-display-md font-semibold text-primary md:text-display-lg lg:text-display-xl">We can’t find that page</h1>
|
||
</div>
|
||
<p className="text-lg text-tertiary md:text-xl">Sorry, the page you are looking for doesn't exist or has been moved.</p>
|
||
</div>
|
||
|
||
<div className="flex flex-col-reverse gap-3 sm:flex-row">
|
||
<Button color="secondary" size="xl" iconLeading={ArrowLeft} onClick={() => router(-1)}>
|
||
Go back
|
||
</Button>
|
||
<Button size="xl" onClick={() => router(-1)}>
|
||
Take me home
|
||
</Button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
);
|
||
}
|