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}