Tidy animation useEffect

sillsdev · Apr 19, 2024 · 5fadd54 · 5fadd54
1 parent f0931b8
commit 5fadd54
Showing 1 changed file with 7 additions and 20 deletions.
diff --git a/src/components/HarvestThreshWinnow/index.tsx b/src/components/HarvestThreshWinnow/index.tsx
@@ -87,32 +87,19 @@ export default function HarvestThreshWinnow(
   );
 
   useEffect(() => {
+    const opacity = fadeOutSeparate
+      ? [opacityA1, opacityA1, opacityA2, opacityA3]
+      : [opacityB1, opacityB1, opacityB2, opacityB3];
     const options: AnimationOptionsWithOverrides = {
       duration: 7,
       easing: "linear",
       repeat: Infinity,
     };
     if (props.loading) {
-      animate(
-        `#${ImageId.License}`,
-        { opacity: fadeOutSeparate ? opacityB1 : opacityA1 },
-        options
-      );
-      animate(
-        `#${ImageId.Harvest}`,
-        { opacity: fadeOutSeparate ? opacityB1 : opacityA1 },
-        options
-      );
-      animate(
-        `#${ImageId.Thresh}`,
-        { opacity: fadeOutSeparate ? opacityB2 : opacityA2 },
-        options
-      );
-      animate(
-        `#${ImageId.Winnow}`,
-        { opacity: fadeOutSeparate ? opacityB3 : opacityA3 },
-        options
-      );
+      animate(`#${ImageId.License}`, { opacity: opacity[0] }, options);
+      animate(`#${ImageId.Harvest}`, { opacity: opacity[1] }, options);
+      animate(`#${ImageId.Thresh}`, { opacity: opacity[2] }, options);
+      animate(`#${ImageId.Winnow}`, { opacity: opacity[3] }, options);
     }
   }, [fadeOutSeparate, props.loading]);