refactor(clerk-js): Extract inAnimation ternary into variable

clerk · Oct 23, 2023 · 1ae3414 · 1ae3414
1 parent 83ee314
commit 1ae3414
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/packages/clerk-js/src/ui/elements/FormControl.tsx b/packages/clerk-js/src/ui/elements/FormControl.tsx
@@ -101,14 +101,13 @@ function useFormTextAnimation() {
           animation: 'none',
         };
       }
+
+      const inAnimation = options?.inDelay ? animations.inDelayAnimation : animations.inAnimation;
+
       return t => ({
-        animation: `${
-          enterAnimation
-            ? options?.inDelay
-              ? animations.inDelayAnimation
-              : animations.inAnimation
-            : animations.outAnimation
-        } ${t.transitionDuration.$textField} ${t.transitionTiming.$common}`,
+        animation: `${enterAnimation ? inAnimation : animations.outAnimation} ${t.transitionDuration.$textField} ${
+          t.transitionTiming.$common
+        }`,
         transition: `height ${t.transitionDuration.$slow} ${t.transitionTiming.$common}`, // This is expensive but required for a smooth layout shift
       });
     },