Regions

wyne · Mar 19, 2024 · b41774d · b41774d
1 parent 913f3b6
commit b41774d
Showing 1 changed file with 16 additions and 5 deletions.
diff --git a/src/components/Interactions/Slide/Slide.tsx b/src/components/Interactions/Slide/Slide.tsx
@@ -22,7 +22,7 @@ const Slide: React.FC<HalfTapProps> = ({
     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<HalfTapProps> = ({
     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<HalfTapProps> = ({
         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<HalfTapProps> = ({
         clearTimeout(powerHoldTimer);
     };
 
-    // Gesture handling
+    //#endregion
+
+    //#region Gesture handling
 
     const pan = useRef(new Animated.ValueXY()).current;
     const totalOffset = useSharedValue<number | null>(0);
@@ -132,8 +138,9 @@ const Slide: React.FC<HalfTapProps> = ({
         }
     };
 
+    //#endregion
 
-    // Helpers
+    //#region Helpers
 
     const scoreChangeHandler = (value: number) => {
         if (Math.abs(value) == 0) return;
@@ -173,6 +180,8 @@ const Slide: React.FC<HalfTapProps> = ({
         }
     );
 
+    //#endregion
+
     return (
         <>
             <Animated.View style={[
@@ -181,6 +190,8 @@ const Slide: React.FC<HalfTapProps> = ({
                         scale: scale,
                     }],
                     shadowOpacity: glow,
+                    borderColor: 'red',
+                    borderWidth: 5,
                 },
                 styles.sliderGlow
             ]}>