From 82f627777040a37a7165bef9ee5ea1ff78e77aef Mon Sep 17 00:00:00 2001
From: Ryan Freeman <hello@ryanfreeman.dev>
Date: Mon, 5 May 2025 10:37:39 +0100
Subject: [PATCH] Simplify status message component

---
 components/ui/StatusMessage.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/ui/StatusMessage.tsx b/components/ui/StatusMessage.tsx
index 10b6166..f429e45 100644
--- a/components/ui/StatusMessage.tsx
+++ b/components/ui/StatusMessage.tsx
@@ -16,11 +16,12 @@ export function StatusMessage({children, className, errorConditions}: StatusMess
     return (
         <>
             {children &&
-                <div className={clsx(`flex items-start sm:items-center ${className ?? ''}`)}>
-                    {!isError ? <CheckIcon className="size-5 mt-0.5 sm:mt-0 mr-1 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"/>}
+                <div
+                    className={clsx(`flex items-start sm:items-center ${className ?? ''}, ${isError ? 'text-red-800 dark:text-red-600' : 'text-green-800 dark:text-green-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"
-                       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}
                     </p>
                 </div>