diff --git a/native/tooltip/nux-tips-overlay.react.js b/native/tooltip/nux-tips-overlay.react.js
--- a/native/tooltip/nux-tips-overlay.react.js
+++ b/native/tooltip/nux-tips-overlay.react.js
@@ -12,7 +12,11 @@
type ExitAnimationsValues,
} from 'react-native-reanimated';
-import { NUXTipsContext } from '../components/nux-tips-context.react.js';
+import RegistrationButton from '../account/registration/registration-button.react.js';
+import {
+ getTipCallbackParams,
+ NUXTipsContext,
+} from '../components/nux-tips-context.react.js';
import type { NUXTip } from '../components/nux-tips-context.react.js';
import type { AppNavigationProp } from '../navigation/app-navigator.react.js';
import { OverlayContext } from '../navigation/overlay-context.js';
@@ -54,6 +58,7 @@
backgroundColor: 'tooltipBackground',
borderRadius: 5,
overflow: 'hidden',
+ padding: 20,
},
triangleUp: {
borderBottomColor: 'tooltipBackground',
@@ -86,7 +91,11 @@
tipText: {
color: 'panelForegroundLabel',
fontSize: 20,
- padding: 15,
+ marginBottom: 10,
+ },
+ buttonContainer: {
+ width: 100,
+ alignSelf: 'flex-end',
},
};
@@ -355,6 +364,27 @@
triangleUp = ;
}
+ const callbackParams = getTipCallbackParams(route.params.tipKey);
+
+ const onPressOk = React.useCallback(() => {
+ const {
+ nextTip,
+ tooltipLocation: nextLocation,
+ nextRouteName,
+ } = callbackParams;
+ if (!nextTip || !nextRouteName) {
+ goBackOnce();
+ return;
+ }
+ navigation.navigate({
+ name: nextRouteName,
+ params: {
+ tipKey: nextTip,
+ tooltipLocation: nextLocation,
+ },
+ });
+ }, [callbackParams, goBackOnce, navigation]);
+
return (
@@ -381,6 +411,13 @@
{triangleUp}
{tipText}
+
+
+
{triangleDown}