diff --git a/src/components/dialogs/nuxs/TenMillion/Trigger.tsx b/src/components/dialogs/nuxs/TenMillion/Trigger.tsx
new file mode 100644
index 0000000000..7df8a1dccb
--- /dev/null
+++ b/src/components/dialogs/nuxs/TenMillion/Trigger.tsx
@@ -0,0 +1,77 @@
+import React from 'react'
+import Svg, {Circle, Path} from 'react-native-svg'
+import {msg} from '@lingui/macro'
+import {useLingui} from '@lingui/react'
+
+import {Nux, useUpsertNuxMutation} from '#/state/queries/nuxs'
+import {ViewStyleProp} from '#/alf'
+import {Button, ButtonProps} from '#/components/Button'
+import {TenMillion} from './'
+
+export function Trigger({children}: {children: ButtonProps['children']}) {
+ const {_} = useLingui()
+ const {mutate: upsertNux} = useUpsertNuxMutation()
+ const [show, setShow] = React.useState(false)
+
+ const handleOnPress = () => {
+ setShow(true)
+ upsertNux({
+ id: Nux.TenMillionDialog,
+ completed: true,
+ data: undefined,
+ })
+ }
+
+ return (
+ <>
+
+
+ {show && setShow(false)} />}
+
+ )
+}
+
+export function Icon({width, style}: {width: number} & ViewStyleProp) {
+ return (
+
+ )
+}
diff --git a/src/components/dialogs/nuxs/TenMillion/index.tsx b/src/components/dialogs/nuxs/TenMillion/index.tsx
index 267065672c..f3a8abf462 100644
--- a/src/components/dialogs/nuxs/TenMillion/index.tsx
+++ b/src/components/dialogs/nuxs/TenMillion/index.tsx
@@ -87,7 +87,13 @@ function Frame({children}: {children: React.ReactNode}) {
)
}
-export function TenMillion() {
+export function TenMillion({
+ showTimeout,
+ onClose,
+}: {
+ showTimeout?: number
+ onClose?: () => void
+}) {
const agent = useAgent()
const nuxDialogs = useNuxDialogContext()
const [userNumber, setUserNumber] = React.useState(0)
@@ -138,10 +144,24 @@ export function TenMillion() {
nuxDialogs,
])
- return userNumber ? : null
+ return userNumber ? (
+
+ ) : null
}
-export function TenMillionInner({userNumber}: {userNumber: number}) {
+export function TenMillionInner({
+ userNumber,
+ showTimeout,
+ onClose: onCloseOuter,
+}: {
+ userNumber: number
+ showTimeout: number
+ onClose?: () => void
+}) {
const t = useTheme()
const lightTheme = useTheme('light')
const {_, i18n} = useLingui()
@@ -184,14 +204,15 @@ export function TenMillionInner({userNumber}: {userNumber: number}) {
React.useEffect(() => {
const timeout = setTimeout(() => {
control.open()
- }, 3e3)
+ }, showTimeout)
return () => {
clearTimeout(timeout)
}
- }, [control])
+ }, [control, showTimeout])
const onClose = React.useCallback(() => {
nuxDialogs.dismissActiveNux()
- }, [nuxDialogs])
+ onCloseOuter?.()
+ }, [nuxDialogs, onCloseOuter])
/*
* Actions
@@ -617,9 +638,12 @@ export function TenMillionInner({userNumber}: {userNumber: number}) {
a.gap_md,
a.pt_xl,
]}>
-
- Brag a little!
-
+ {gtMobile && (
+
+ Brag a little!
+
+ )}