diff --git a/src/components/Interactions/Slide/Slide.tsx b/src/components/Interactions/Slide/Slide.tsx index 872b60ea..593f00bf 100644 --- a/src/components/Interactions/Slide/Slide.tsx +++ b/src/components/Interactions/Slide/Slide.tsx @@ -22,7 +22,7 @@ const Slide: React.FC = ({ index, playerId, }) => { - // Selector setup + //#region Selector setup const currentGameId = useAppSelector(state => state.settings.currentGameId); const currentGame = useAppSelector(state => selectGameById(state, currentGameId)); @@ -34,7 +34,9 @@ const Slide: React.FC = ({ const addendOne = useAppSelector(state => state.settings.addendOne); const addendTwo = useAppSelector(state => state.settings.addendTwo); - // Power Hold + //#endregion + + //#region Power Hold const powerHoldTime = 400; const holdDuration = useRef(new Animated.Value(0)).current; @@ -45,7 +47,9 @@ const Slide: React.FC = ({ powerHoldRef.current = powerHold; }, [powerHold]); - // Derivated Animation values + //#endregion + + //#region Derivated Animation values const scale = holdDuration.interpolate({ inputRange: [0, powerHoldTime * .9, powerHoldTime], @@ -84,7 +88,9 @@ const Slide: React.FC = ({ clearTimeout(powerHoldTimer); }; - // Gesture handling + //#endregion + + //#region Gesture handling const pan = useRef(new Animated.ValueXY()).current; const totalOffset = useSharedValue(0); @@ -132,8 +138,9 @@ const Slide: React.FC = ({ } }; + //#endregion - // Helpers + //#region Helpers const scoreChangeHandler = (value: number) => { if (Math.abs(value) == 0) return; @@ -173,6 +180,8 @@ const Slide: React.FC = ({ } ); + //#endregion + return ( <> = ({ scale: scale, }], shadowOpacity: glow, + borderColor: 'red', + borderWidth: 5, }, styles.sliderGlow ]}>