-
Notifications
You must be signed in to change notification settings - Fork 985
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Feature/onboarding setup #8234
Feature/onboarding setup #8234
Conversation
Pull Request Checklist
|
Jenkins BuildsClick to see older builds (263)
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
i relealized that it was a draft after reviewing
src/status_im/init/core.cljs
Outdated
#(sort-by :last-sign-in > %)) | ||
{:keys [address photo-path name]} (first (selection-fn (vals accounts)))] | ||
(accounts.login/open-login cofx address photo-path name))))) | ||
(if true #_(empty? accounts) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
leftover?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Removed.
src/status_im/subs.cljs
Outdated
@@ -1631,3 +1631,10 @@ | |||
:<- [:search/filter] | |||
(fn [[chats search-filter]] | |||
(apply-filter search-filter chats extract-chat-attributes))) | |||
|
|||
;; INTRO WIZARD | |||
(re-frame/reg-sub |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
top level subs should be put at the top of the file
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done
[status-im.ui.components.colors :as colors] | ||
[status-im.ui.components.react :as react])) | ||
|
||
(defn number-view |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
is it the same namepad again?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yes, but this will be now in a separate PR, together with PINs logic. Removed from this PR now.
@@ -7,9 +7,59 @@ | |||
:padding-horizontal 30}) | |||
|
|||
(def intro-logo-container | |||
{:flex 1 | |||
{;:flex 1 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
leftovers?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Removed.
d8cf3c1
to
459c898
Compare
@siphiuel could you rebase please onto develop |
5960522
to
26ba87d
Compare
src/status_im/events.cljs
Outdated
(handlers/register-handler-fx | ||
:accounts.create.ui/intro-wizard | ||
(fn [cofx _] | ||
(accounts.create/intro-wizard cofx))) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
there is no need to register handlers , you can use {:events []} in fx/defn , please move all these handlers in core , thx
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done
4d71f61
to
e2ce232
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- clean log
- use typography
- remove code not related to onboarding (ttt)
@@ -30,21 +31,24 @@ | |||
(assoc cofx :status (rand-nth statuses/data))) | |||
|
|||
(defn create-account! [password] | |||
(log/info "#create-account!" password) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
leftover?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Removed.
(status/create-account | ||
password | ||
#(re-frame/dispatch [:accounts.create.callback/create-account-success (types/json->clj %) password]))) | ||
|
||
;;;; Handlers | ||
(defn create-account | ||
[{:keys [db random-guid-generator] :as cofx}] | ||
[{:keys [db] :as cofx}] | ||
(log/info "creating account with password:" (get-in db [:intro-wizard :key-code])) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
leftover?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Removed.
|
||
(= step 4) | ||
{:db (-> db | ||
(assoc-in [:intro-wizard :stored-key-code] (get-in db [:intro-wizard :key-code])) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
better to use update :intro-wizard and assoc
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks, yes looks better, fixed.
(fn [data] | ||
(-> data | ||
(dissoc :generating-keys?) | ||
(assoc :accounts (:accounts result)) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
you can move all keys under one assoc
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Sorry, so lame, fixed.
@@ -17,3 +17,13 @@ | |||
|
|||
(def about-title-text | |||
{:font-size 20}) | |||
|
|||
(def learn-more-title | |||
{:font-size 17 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
you can use typography instead
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Do you mean i can remove line-height
and rely on automatic calculation, or something else?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
i mean we don't use styles for text anymore, only :typography
because all labels are standatized so instead of [react/text {:style}]
you should use [react/text {:typography}
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for clarifying, fixed.
{:image (:intro3 resources/ui) | ||
:title :intro-title3 | ||
:text :intro-text3}] window-width] | ||
#_[react/view {:flex 1}] |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
leftover?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Removed.
[{:style (assoc styles/welcome-text-bottom-note :color colors/blue) | ||
:on-press privacy-policy/open-privacy-policy-link!} | ||
(i18n/label :t/intro-privacy-policy-note2)]] | ||
#_[privacy-policy/privacy-policy-button]]])) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
leftover?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Removed.
@@ -1,8 +1,10 @@ | |||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
how's this related to onboarding?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Leftover from numpad migration to separate PR, removed.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
still here
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Removed for good :)
@@ -98,6 +98,24 @@ | |||
{:typography :main-medium |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
how's this related to onboarding?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
In no way indeed, my mistake, removed.
@@ -19,6 +19,9 @@ | |||
(when on-dismiss | |||
(clj->js {:cancelable false}))))) | |||
|
|||
(defn vibrate [] |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
how's this related to onboarding?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Passcodes don't match
error message on Confirm code
screen should trigger vibration as per Figma design.
e2ce232
to
9cb488f
Compare
cf4cb38
to
1875271
Compare
@@ -145,7 +145,7 @@ | |||
[vector-icons/icon icon {:color (if selected? colors/blue colors/gray) | |||
:width 24 :height 24}] | |||
[react/view {:style {:margin-horizontal 16 :flex 1}} | |||
[react/view {:style {:margin-top -4}} | |||
[react/view {:style {}} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
view can be removed?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done.
3f6b943
to
9a60608
Compare
0% of end-end tests have passed
Failed tests (44)Click to expand
|
@siphiuel would you mind to create a separate task for Fingerprint and notification pieces if they are not in scope of this PR? #8234 (comment) |
@asemiankevich created an issue #8533 and referenced it in master issue #8089 |
6f30ed6
to
73dae1b
Compare
Fixed password input text cutting. |
@siphiuel could you rebase and squash commits please |
73dae1b
to
b9e84e2
Compare
@flexsurfer done |
98% of end-end tests have passed
Failed tests (1)Click to expand
Passed tests (43)Click to expand |
100% of end-end tests have passed
Passed tests (1) |
@Serhy awesome job ! Thank you! |
@siphiuel please mind latest commits fixing autotests before merge |
4de1655
to
434dd5c
Compare
New onboarding e2e tests updates New onboarding e2e fix 2 Signed-off-by: Vitaliy Vlasov <siphiuel@gmail.com>
434dd5c
to
e9fd6e1
Compare
Noticed some UI issues in the onboarding setup. As this PR is merged, where would you prefer I report these? One seperate issue, multiple seperate issues, or add to an existing issue?:
Alternatively this can also wait untill we have the illustrations and update in one go. Just want to make sure these don't get lost. Some issues already reported earlier by @errorists but outside of PR scope:
|
filed new issue #8551 |
Hey, the UI/UX issues I've spotted: Welcome screens
Choose a key and name screen
Select key storage screen
Create password screen
Enable fingerprint
Enable notifications
|
Fixes #8131
Fixes #8132
Fixes #8134