fix: should not render div on lesser error count

vercel · Jan 2, 2025 · 5e0f6b4 · 5e0f6b4
1 parent 3b8b07a
commit 5e0f6b4
Showing 1 changed file with 16 additions and 12 deletions.
diff --git a/...al/internal/components/Errors/error-overlay-bottom-stacks/error-overlay-bottom-stacks.tsx b/...al/internal/components/Errors/error-overlay-bottom-stacks/error-overlay-bottom-stacks.tsx
@@ -11,19 +11,23 @@ export function ErrorOverlayBottomStacks({
 }: ErrorOverlayBottomStacksProps) {
   return (
     <div className="error-overlay-bottom-stacks-wrapper">
-      <div
-        className={`error-overlay-bottom-stack-1 ${
-          errorsCount - activeIdx >= 2 ? '' : 'stack-slide-up'
-        }`}
-        aria-hidden="true"
-      />
+      {errorsCount > 1 && (
+        <div
+          className={`error-overlay-bottom-stack-1 ${
+            errorsCount - activeIdx >= 2 ? '' : 'stack-slide-up'
+          }`}
+          aria-hidden="true"
+        />
+      )}
 
-      <div
-        className={`error-overlay-bottom-stack-2 ${
-          errorsCount - activeIdx >= 3 ? '' : 'stack-slide-up'
-        }`}
-        aria-hidden="true"
-      />
+      {errorsCount > 2 && (
+        <div
+          className={`error-overlay-bottom-stack-2 ${
+            errorsCount - activeIdx >= 3 ? '' : 'stack-slide-up'
+          }`}
+          aria-hidden="true"
+        />
+      )}
     </div>
   )
 }