Fix examples

Author: j-piasecki

apps/common-app/src/new_api/hover_mouse/hover/index.tsx

@@ -29,8 +29,8 @@ function useColoredHover(
     onActivate: () => {
       console.log('hover start', color);
     },
-    onDeactivate: (_, success) => {
-      console.log('hover end', color, 'failed', !success);
+    onDeactivate: (e) => {
+      console.log('hover end', color, 'failed', e.canceled);
     },
     onFinalize: () => {
       hovered.value = false;

apps/common-app/src/new_api/showcase/overlap/index.tsx

@@ -31,8 +31,8 @@ function OverlapSiblings() {
   const [elevated, setElevated] = React.useState('');
 
   const tapPurple = useTapGesture({
-    onDeactivate: (_e, success) => {
-      if (success) {
+    onDeactivate: (e) => {
+      if (!e.canceled) {
         setElevated('purple');
         feedbackRef.current?.showMessage('Tapped purple');
       }
@@ -41,8 +41,8 @@ function OverlapSiblings() {
   });
 
   const tapBlue = useTapGesture({
-    onDeactivate: (_e, success) => {
-      if (success) {
+    onDeactivate: (e) => {
+      if (!e.canceled) {
         setElevated('blue');
         feedbackRef.current?.showMessage('Tapped blue');
       }
@@ -75,8 +75,8 @@ function OverlapParents() {
   const [elevated, setElevated] = React.useState('');
 
   const tapRed = useTapGesture({
-    onDeactivate: (_e, success) => {
-      if (success) {
+    onDeactivate: (e) => {
+      if (!e.canceled) {
         feedbackRef.current?.showMessage('Tapped purple');
         setElevated('purple');
       }
@@ -85,8 +85,8 @@ function OverlapParents() {
   });
 
   const tapGreen = useTapGesture({
-    onDeactivate: (_e, success) => {
-      if (success) {
+    onDeactivate: (e) => {
+      if (!e.canceled) {
         feedbackRef.current?.showMessage('Tapped blue');
         setElevated('blue');
       }

apps/common-app/src/new_api/simple/longPress/index.tsx

@@ -38,8 +38,8 @@ export default function LongPressExample() {
         duration: 100,
       });
     },
-    onFinalize: (_, success) => {
-      finalise_color.value = success ? COLORS.GREEN : COLORS.RED;
+    onFinalize: (e) => {
+      finalise_color.value = e.canceled ? COLORS.RED : COLORS.GREEN;
       colorProgress.value = 1;
       colorProgress.value = withTiming(
         0,