diff options
| author | Sophie Zhang <sophie_zhang@brown.edu> | 2024-04-10 15:26:32 -0400 |
|---|---|---|
| committer | Sophie Zhang <sophie_zhang@brown.edu> | 2024-04-10 15:26:32 -0400 |
| commit | 43569b25466aa9bcf19f0f78c6ccd0928c98ab05 (patch) | |
| tree | f7d11032a82e0fb1ca2fb4f3e2c20570471bc96b /src/client/views/nodes/trails/SlideEffectPreview.tsx | |
| parent | 6e3f78c394e0703465344705987ce3fd4bedd756 (diff) | |
fix: naming, cleaning
Diffstat (limited to 'src/client/views/nodes/trails/SlideEffectPreview.tsx')
| -rw-r--r-- | src/client/views/nodes/trails/SlideEffectPreview.tsx | 44 |
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, |
