[#17647] fix: generate keys title overlap (#17752)

This commit is contained in:
Mohsen 2023-11-03 14:35:42 +03:00 committed by GitHub
parent 0eef5204c8
commit 8d3558f1c3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 12 deletions

View File

@ -10,6 +10,12 @@
[status-im2.contexts.onboarding.generating-keys.style :as style] [status-im2.contexts.onboarding.generating-keys.style :as style]
[utils.i18n :as i18n])) [utils.i18n :as i18n]))
(def first-title-display-time 3000)
(def second-title-start-time 3500)
(def second-title-display-time 1000)
(def third-title-start-time 5500)
(def transition-duration-time 500)
(defn generate-keys-title (defn generate-keys-title
[] []
[quo/text-combinations [quo/text-combinations
@ -28,35 +34,31 @@
{:container-style {:margin-horizontal 20} {:container-style {:margin-horizontal 20}
:title (i18n/label :t/keys-saved)}]) :title (i18n/label :t/keys-saved)}])
(def first-transition-delay-ms 2000)
(def transition-duration-ms 500)
(defn sequence-animation (defn sequence-animation
[generate-keys-opacity saving-keys-opacity keys-saved-opacity] [generate-keys-opacity saving-keys-opacity keys-saved-opacity]
(reanimated/set-shared-value generate-keys-opacity (reanimated/set-shared-value generate-keys-opacity
(reanimated/with-delay (reanimated/with-delay
first-transition-delay-ms first-title-display-time
(reanimated/with-timing 0 (reanimated/with-timing 0
(js-obj "duration" transition-duration-ms (js-obj "duration" transition-duration-time
"easing" (:linear "easing" (:linear
reanimated/easings))))) reanimated/easings)))))
(reanimated/set-shared-value (reanimated/set-shared-value
saving-keys-opacity saving-keys-opacity
(reanimated/with-sequence (reanimated/with-sequence
(reanimated/with-delay 2000 (reanimated/with-delay second-title-start-time
(reanimated/with-timing 1 (reanimated/with-timing 1
(js-obj "duration" transition-duration-ms (js-obj "duration" transition-duration-time
"easing" (:linear reanimated/easings)))) "easing" (:linear reanimated/easings))))
(reanimated/with-delay 1000 (reanimated/with-delay second-title-display-time
(reanimated/with-timing 0 (reanimated/with-timing 0
(js-obj "duration" transition-duration-ms (js-obj "duration" transition-duration-time
"easing" (:linear reanimated/easings)))))) "easing" (:linear reanimated/easings))))))
(reanimated/set-shared-value keys-saved-opacity (reanimated/set-shared-value keys-saved-opacity
(reanimated/with-delay (reanimated/with-delay
4600 third-title-start-time
(reanimated/with-timing 1 (reanimated/with-timing 1
(js-obj "duration" transition-duration-ms (js-obj "duration" transition-duration-time
"easing" (:linear "easing" (:linear
reanimated/easings)))))) reanimated/easings))))))