aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/trails/SlideEffectPreview.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/nodes/trails/SlideEffectPreview.tsx')
-rw-r--r--src/client/views/nodes/trails/SlideEffectPreview.tsx44
1 files changed, 2 insertions, 42 deletions
diff --git a/src/client/views/nodes/trails/SlideEffectPreview.tsx b/src/client/views/nodes/trails/SlideEffectPreview.tsx
index aacb37b48..d4c16586a 100644
--- a/src/client/views/nodes/trails/SlideEffectPreview.tsx
+++ b/src/client/views/nodes/trails/SlideEffectPreview.tsx
@@ -1,4 +1,3 @@
-import { Button } from '@mui/material';
import { useSpring, animated, easings } from '@react-spring/web';
import React, { useEffect, useState } from 'react';
@@ -24,10 +23,10 @@ export default function SpringAnimationPreview({ friction, tension, mass, childr
mass: mass,
},
onStart: () => {
- console.log('started');
+ // console.log('started');
},
onRest: () => {
- console.log('resting');
+ // console.log('resting');
},
}),
[tension, friction, mass]
@@ -36,38 +35,6 @@ export default function SpringAnimationPreview({ friction, tension, mass, childr
// Whether the animation is currently playing
const [animating, setAnimating] = useState(false);
- const zoomConfig = {
- from: {
- x: 0,
- y: 0,
- opacity: 0,
- scale: 0,
- },
- to: [
- {
- x: 0,
- y: 0,
- opacity: 1,
- scale: 1,
- config: {
- tension: tension,
- friction: friction,
- mass: mass,
- },
- },
- {
- opacity: 0,
- scale: 0,
- x: 0,
- y: 0,
- config: {
- duration: 500,
- easing: easings.easeInOutCubic,
- },
- },
- ],
- };
-
const bounceConfig = {
from: {
x: -50,
@@ -116,13 +83,6 @@ export default function SpringAnimationPreview({ friction, tension, mass, childr
onPointerEnter={() => {
animate();
}}>
- {/* style={{
- width: "50px",
- height: "50px",
- backgroundColor: "#ff6d6d",
- borderRadius: "4px",
- ...springs,
- }} */}
<animated.div
style={{
...springs,