1 files changed, 31 insertions, 20 deletions
diff --git a/src/client/views/nodes/trails/SlideEffect.tsx b/src/client/views/nodes/trails/SlideEffect.tsx
index ba997c62a..6221592a0 100644
--- a/src/client/views/nodes/trails/SlideEffect.tsx
+++ b/src/client/views/nodes/trails/SlideEffect.tsx
@@ -186,15 +186,30 @@ export default function SpringAnimation({ dir, friction, tension, mass, presEffe
         },
     };
 
+    // Switch animation depending on slide effect
     const startAnimation = () => {
-        if (presEffect === PresEffect.Bounce) {
-            api.start(bounceConfig);
-        } else if (presEffect === PresEffect.Zoom) {
-            api.start(zoomConfig);
-        } else if (presEffect === PresEffect.Rotate) {
-            api.start(rotateConfig);
-        } else if (presEffect === PresEffect.Fade) {
-            api.start(fadeConfig);
+        switch (presEffect) {
+            case PresEffect.Bounce:
+                api.start(bounceConfig);
+                break;
+            case PresEffect.Zoom:
+                api.start(zoomConfig);
+                break;
+            case PresEffect.Rotate:
+                api.start(rotateConfig);
+                break;
+            case PresEffect.Fade:
+                api.start(fadeConfig);
+                break;
+            case PresEffect.Flip:
+                api.start(flipConfig);
+                break;
+            case PresEffect.Roll:
+                break;
+            case PresEffect.Lightspeed:
+                break;
+            default:
+                break;
         }
     };
 
@@ -215,23 +230,19 @@ export default function SpringAnimation({ dir, friction, tension, mass, presEffe
     //     );
     // };
 
-    const flipRender = () => {
-        return (
-            <div className="flip-container">
-                <animated.div className={'flip-side flip-back'} style={{ transform: to(springs.x, val => `perspective(600px) rotateX(${val}deg)`) }} />
-                <animated.div className={'flip-side flip-front'} style={{ transform: to(springs.x, val => `perspective(600px) rotateX(${val}deg)`), rotateX: '180deg' }}>
-                    {children}
-                </animated.div>
-            </div>
-        );
-    };
-
     const getRenderDoc = () => {
         switch (presEffect) {
             case PresEffect.Rotate:
                 return <animated.div style={{ transform: to(springs.x, val => `rotate(${val}deg)`) }}>{children}</animated.div>;
             case PresEffect.Flip:
-                return flipRender();
+                return (
+                    <div className="flip-container">
+                        <animated.div className={'flip-side flip-back'} style={{ transform: to(springs.x, val => `perspective(600px) rotateX(${val}deg)`) }} />
+                        <animated.div className={'flip-side flip-front'} style={{ transform: to(springs.x, val => `perspective(600px) rotateX(${val}deg)`), rotateX: '180deg' }}>
+                            {children}
+                        </animated.div>
+                    </div>
+                );
             default:
                 return (
                     <animated.div