chore: remove identifiers screens so users are navigated straight to enable notifications during onboarding (#20506)

This commit is contained in:
John Ngei 2024-06-21 00:38:02 +02:00 committed by GitHub
parent 4e8f4698a6
commit fbc9b59a5e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
8 changed files with 16 additions and 38 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 76 KiB

After

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 151 KiB

After

Width:  |  Height:  |  Size: 156 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 156 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 170 KiB

View File

@ -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")

View File

@ -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]]]))