r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2025-05-09 01:50:20 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Simplify status message component
All checks were successful
Build And Publish / BuildAndPublish (push) Successful in 3m7s
Details

Browse Source
This commit is contained in:
Ryan Freeman 2025-05-05 10:37:39 +01:00
parent bc304c61ca
commit 82f6277770
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/ui/StatusMessage.tsx
View File

@ -16,11 +16,12 @@ export function StatusMessage({children, className, errorConditions}: StatusMess
return ( return (
<> <>
{children && {children &&
<div className={clsx(`flex items-start sm:items-center ${className ?? ''}`)}> <div
{!isError ? <CheckIcon className="size-5 mt-0.5 sm:mt-0 mr-1 text-green-800 dark:text-green-600"/> className={clsx(`flex items-start sm:items-center ${className ?? ''}, ${isError ? 'text-red-800 dark:text-red-600' : 'text-green-800 dark:text-green-600'}`)}>
: <CrossIcon className="size-5 mt-0.5 sm:mt-0 mr-1 text-red-800 dark:text-red-600"/>} {!isError ? <CheckIcon className="size-5 mt-0.5 sm:mt-0 mr-1"/>
: <CrossIcon className="size-5 mt-0.5 sm:mt-0 mr-1 "/>}
<p aria-live="polite" role="status" <p aria-live="polite" role="status"
className={clsx('text-sm font-semibold', !isError ? 'text-green-800 dark:text-green-600' : 'text-red-800 dark:text-red-600')}> className="text-sm font-semibold">
{children} {children}
</p> </p>
</div> </div>