chore: remove identifiers screens so users are navigated straight to enable notifications during onboarding (#20506)
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 86 KiB |
Before Width: | Height: | Size: 151 KiB After Width: | Height: | Size: 156 KiB |
Before Width: | Height: | Size: 86 KiB |
Before Width: | Height: | Size: 156 KiB |
Before Width: | Height: | Size: 89 KiB |
Before Width: | Height: | Size: 170 KiB |
|
@ -15,8 +15,6 @@
|
||||||
:podcasts (js/require "../resources/images/ui2/podcasts.png")
|
:podcasts (js/require "../resources/images/ui2/podcasts.png")
|
||||||
:generate-keys (js/require "../resources/images/ui2/generate-keys.png")
|
:generate-keys (js/require "../resources/images/ui2/generate-keys.png")
|
||||||
:generate-keys1 (js/require "../resources/images/ui2/generating-keys-1.png")
|
:generate-keys1 (js/require "../resources/images/ui2/generating-keys-1.png")
|
||||||
:generate-keys2 (js/require "../resources/images/ui2/generating-keys-2.png")
|
|
||||||
:generate-keys3 (js/require "../resources/images/ui2/generating-keys-3.png")
|
|
||||||
:ethereum-address (js/require "../resources/images/ui2/ethereum-address.png")
|
:ethereum-address (js/require "../resources/images/ui2/ethereum-address.png")
|
||||||
:use-keycard (js/require "../resources/images/ui2/keycard.png")
|
:use-keycard (js/require "../resources/images/ui2/keycard.png")
|
||||||
:onboarding-illustration (js/require "../resources/images/ui2/onboarding_illustration.png")
|
:onboarding-illustration (js/require "../resources/images/ui2/onboarding_illustration.png")
|
||||||
|
|
|
@ -61,8 +61,12 @@
|
||||||
reanimated/easings))))))
|
reanimated/easings))))))
|
||||||
|
|
||||||
(defn title
|
(defn title
|
||||||
[insets generate-keys-opacity saving-keys-opacity keys-saved-opacity]
|
[insets]
|
||||||
(let [top-insets (+ (if rn/small-screen? 62 112) (:insets insets))]
|
(let [top-insets (+ (if rn/small-screen? 62 112) (:insets insets))
|
||||||
|
generate-keys-opacity (reanimated/use-shared-value 1)
|
||||||
|
saving-keys-opacity (reanimated/use-shared-value 0)
|
||||||
|
keys-saved-opacity (reanimated/use-shared-value 0)]
|
||||||
|
(sequence-animation generate-keys-opacity saving-keys-opacity keys-saved-opacity)
|
||||||
[rn/view
|
[rn/view
|
||||||
{:position :absolute
|
{:position :absolute
|
||||||
:top top-insets}
|
:top top-insets}
|
||||||
|
@ -83,44 +87,20 @@
|
||||||
[keys-saved-title]]]))
|
[keys-saved-title]]]))
|
||||||
|
|
||||||
(defn content
|
(defn content
|
||||||
[generate-keys-opacity saving-keys-opacity keys-saved-opacity]
|
[]
|
||||||
(let [width (:width (rn/get-window))]
|
(let [width (:width (rn/get-window))]
|
||||||
[rn/view
|
[rn/view
|
||||||
{:margin-top 156}
|
{:top 156
|
||||||
[reanimated/view
|
:position :absolute}
|
||||||
{:style (reanimated/apply-animations-to-style
|
[rn/image
|
||||||
{:opacity generate-keys-opacity}
|
{:resize-mode :contain
|
||||||
{:position :absolute})}
|
:style (style/page-illustration width)
|
||||||
[rn/image
|
:source (resources/get-image :generate-keys1)}]]))
|
||||||
{:resize-mode :contain
|
|
||||||
:style (style/page-illustration width)
|
|
||||||
:source (resources/get-image :generate-keys1)}]]
|
|
||||||
|
|
||||||
[reanimated/view
|
|
||||||
{:style (reanimated/apply-animations-to-style
|
|
||||||
{:opacity saving-keys-opacity}
|
|
||||||
{:position :absolute})}
|
|
||||||
[rn/image
|
|
||||||
{:resize-mode :contain
|
|
||||||
:style (style/page-illustration width)
|
|
||||||
:source (resources/get-image :generate-keys2)}]]
|
|
||||||
[reanimated/view
|
|
||||||
{:style (reanimated/apply-animations-to-style
|
|
||||||
{:opacity keys-saved-opacity}
|
|
||||||
{:position :absolute})}
|
|
||||||
[rn/image
|
|
||||||
{:resize-mode :contain
|
|
||||||
:style (style/page-illustration width)
|
|
||||||
:source (resources/get-image :generate-keys3)}]]]))
|
|
||||||
|
|
||||||
(defn view
|
(defn view
|
||||||
[]
|
[]
|
||||||
(let [insets (safe-area/get-insets)
|
(let [insets (safe-area/get-insets)]
|
||||||
generate-keys-opacity (reanimated/use-shared-value 1)
|
|
||||||
saving-keys-opacity (reanimated/use-shared-value 0)
|
|
||||||
keys-saved-opacity (reanimated/use-shared-value 0)]
|
|
||||||
[rn/view {:style (style/page-container insets)}
|
[rn/view {:style (style/page-container insets)}
|
||||||
(sequence-animation generate-keys-opacity saving-keys-opacity keys-saved-opacity)
|
|
||||||
[:<>
|
[:<>
|
||||||
[title insets generate-keys-opacity saving-keys-opacity keys-saved-opacity]
|
[title insets]
|
||||||
[content generate-keys-opacity saving-keys-opacity keys-saved-opacity]]]))
|
[content]]]))
|
||||||
|
|