Skip to content
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

feat: doc info boxes while onboarding #15697

Merged
merged 4 commits into from
May 11, 2023
Merged

Conversation

yqrashawn
Copy link
Contributor

@yqrashawn yqrashawn commented Apr 20, 2023

add info box for

  1. add info box for getting started with status and create password
  2. add copy of forgot password, the info box of for this is blocked by step component Implement Quo2 component Step #15696
  3. add forgot password info box
  4. fix step component border color

waiting for the doc drawer component to be merged #15674

fix #15017

CleanShot 2023-05-05 at 18 40 11
CleanShot 2023-05-05 at 18 45 28
CleanShot 2023-05-05 at 18 40 31

status: ready

@status-im-auto
Copy link
Member

status-im-auto commented Apr 20, 2023

Jenkins Builds

Click to see older builds (58)
Commit #️⃣ Finished (UTC) Duration Platform Result
836a296 #1 2023-04-20 08:53:20 ~25 sec ios 📄log
836a296 #1 2023-04-20 08:53:22 ~28 sec android 📄log
836a296 #1 2023-04-20 08:53:24 ~31 sec android-e2e 📄log
836a296 #1 2023-04-20 08:53:27 ~32 sec tests 📄log
✔️ 8b87326 #2 2023-04-24 07:05:04 ~6 min tests 📄log
✔️ 8b87326 #2 2023-04-24 07:05:45 ~7 min ios 📱ipa 📲
✔️ 8b87326 #2 2023-04-24 07:05:48 ~7 min android 🤖apk 📲
✔️ 8b87326 #2 2023-04-24 07:05:50 ~7 min android-e2e 🤖apk 📲
✔️ 6bcefb6 #3 2023-04-24 07:32:18 ~5 min android-e2e 🤖apk 📲
✔️ 6bcefb6 #3 2023-04-24 07:33:38 ~6 min ios 📱ipa 📲
✔️ 6bcefb6 #3 2023-04-24 07:34:14 ~7 min android 🤖apk 📲
✔️ 6bcefb6 #3 2023-04-24 07:34:34 ~7 min tests 📄log
✔️ f08bc9e #5 2023-04-25 07:50:55 ~5 min android 🤖apk 📲
✔️ f08bc9e #5 2023-04-25 07:50:58 ~5 min tests 📄log
✔️ f08bc9e #5 2023-04-25 07:51:04 ~5 min android-e2e 🤖apk 📲
✔️ f08bc9e #5 2023-04-25 07:52:06 ~6 min ios 📱ipa 📲
a8544fe #6 2023-05-05 08:23:58 ~4 min tests 📄log
✔️ a8544fe #6 2023-05-05 08:26:27 ~6 min ios 📱ipa 📲
✔️ a8544fe #6 2023-05-05 08:26:33 ~6 min android 🤖apk 📲
✔️ a8544fe #6 2023-05-05 08:26:35 ~7 min android-e2e 🤖apk 📲
7e152e0 #7 2023-05-05 09:16:36 ~4 min tests 📄log
✔️ 7e152e0 #7 2023-05-05 09:17:57 ~5 min android 🤖apk 📲
✔️ 7e152e0 #7 2023-05-05 09:18:27 ~6 min android-e2e 🤖apk 📲
✔️ 7e152e0 #7 2023-05-05 09:19:30 ~7 min ios 📱ipa 📲
✔️ 18ced7a #8 2023-05-05 09:24:59 ~5 min android 🤖apk 📲
18ced7a #8 2023-05-05 09:25:06 ~5 min tests 📄log
✔️ 2c81b20 #9 2023-05-05 09:30:27 ~5 min android-e2e 🤖apk 📲
✔️ 2c81b20 #9 2023-05-05 09:31:10 ~6 min ios 📱ipa 📲
✔️ 2c81b20 #9 2023-05-05 09:32:21 ~7 min android 🤖apk 📲
✔️ 2c81b20 #9 2023-05-05 09:32:34 ~7 min tests 📄log
✔️ 7c9ac59 #10 2023-05-05 10:23:05 ~5 min tests 📄log
✔️ 7c9ac59 #10 2023-05-05 10:23:40 ~6 min ios 📱ipa 📲
✔️ 7c9ac59 #10 2023-05-05 10:24:09 ~6 min android 🤖apk 📲
✔️ 7c9ac59 #10 2023-05-05 10:24:10 ~6 min android-e2e 🤖apk 📲
✔️ 91c62e7 #11 2023-05-05 10:40:07 ~6 min android 🤖apk 📲
✔️ 91c62e7 #11 2023-05-05 10:40:26 ~6 min ios 📱ipa 📲
✔️ 91c62e7 #11 2023-05-05 10:40:27 ~6 min android-e2e 🤖apk 📲
37a52cd #12 2023-05-05 10:44:13 ~3 min tests 📄log
874a3cb #13 2023-05-05 10:49:02 ~4 min tests 📄log
✔️ 874a3cb #13 2023-05-05 10:51:09 ~6 min android-e2e 🤖apk 📲
✔️ 874a3cb #13 2023-05-05 10:51:40 ~6 min android 🤖apk 📲
✔️ 874a3cb #13 2023-05-05 10:51:47 ~6 min ios 📱ipa 📲
c36ab8c #14 2023-05-08 07:09:52 ~4 min tests 📄log
✔️ c36ab8c #14 2023-05-08 07:10:54 ~5 min android 🤖apk 📲
✔️ c36ab8c #14 2023-05-08 07:11:38 ~5 min android-e2e 🤖apk 📲
✔️ c36ab8c #14 2023-05-08 07:15:24 ~9 min ios 📱ipa 📲
✔️ d5300f8 #15 2023-05-08 07:45:35 ~5 min android-e2e 🤖apk 📲
✔️ d5300f8 #15 2023-05-08 07:45:52 ~6 min android 🤖apk 📲
✔️ d5300f8 #15 2023-05-08 07:46:05 ~6 min tests 📄log
✔️ d5300f8 #15 2023-05-08 07:46:17 ~6 min ios 📱ipa 📲
✔️ f38e980 #16 2023-05-09 01:37:48 ~6 min android 🤖apk 📲
✔️ f38e980 #16 2023-05-09 01:38:50 ~7 min ios 📱ipa 📲
✔️ f38e980 #16 2023-05-09 01:39:19 ~8 min tests 📄log
✔️ f38e980 #16 2023-05-09 01:40:15 ~9 min android-e2e 🤖apk 📲
✔️ ed4cb66 #17 2023-05-10 03:10:32 ~6 min android-e2e 🤖apk 📲
✔️ ed4cb66 #17 2023-05-10 03:10:37 ~6 min android 🤖apk 📲
✔️ ed4cb66 #17 2023-05-10 03:11:02 ~6 min tests 📄log
✔️ ed4cb66 #17 2023-05-10 03:11:30 ~7 min ios 📱ipa 📲
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ 0fd7a33 #18 2023-05-10 12:43:31 ~5 min tests 📄log
✔️ 0fd7a33 #18 2023-05-10 12:43:59 ~6 min ios 📱ipa 📲
✔️ 0fd7a33 #18 2023-05-10 12:44:19 ~6 min android 🤖apk 📲
✔️ 0fd7a33 #18 2023-05-10 12:44:23 ~6 min android-e2e 🤖apk 📲
✔️ 7afabed #19 2023-05-11 01:36:41 ~5 min android-e2e 🤖apk 📲
✔️ 7afabed #19 2023-05-11 01:37:03 ~6 min android 🤖apk 📲
✔️ 7afabed #19 2023-05-11 01:37:12 ~6 min ios 📱ipa 📲
✔️ 7afabed #19 2023-05-11 01:37:22 ~6 min tests 📄log

@flexsurfer flexsurfer changed the title feat: doc info boxes while onboarding [WIP] feat: doc info boxes while onboarding Apr 20, 2023
@yqrashawn yqrashawn force-pushed the feat/onboarding-doc-infobox branch 4 times, most recently from d82c0e2 to f08bc9e Compare April 25, 2023 07:45
@yqrashawn yqrashawn force-pushed the feat/onboarding-doc-infobox branch 4 times, most recently from 18ced7a to 2c81b20 Compare May 5, 2023 09:24
@yqrashawn yqrashawn marked this pull request as ready for review May 5, 2023 09:28
@yqrashawn yqrashawn requested review from ulisesmac, J-Son89, Parveshdhull and ajayesivan and removed request for ulisesmac and J-Son89 May 5, 2023 09:28
Copy link
Member

@Parveshdhull Parveshdhull left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm, Please remove WIP from PR title

@@ -58,3 +58,7 @@
[]
{:margin-bottom (if platform/android? 20 46)})

(def forget-password-doc-container {:margin-right 16})
(def forget-password-step-container {:flex-direction :row :margin-top 14})
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit, consider aligning the keys of this map

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You mean like this? Lint won't pass.

(def forget-password-doc-container  {:margin-right 16})
(def forget-password-step-container {:flex-direction :row :margin-top 14})

translations/en.json Outdated Show resolved Hide resolved
@@ -956,6 +958,13 @@
"name-of-token": "The name of your token",
"need-help": "Need help?",
"new-to-status": "I’m new to Status",
"getting-started-with-status": "Getting started with Status",
"getting-started-description": "Something here about what keys are and how great and important they are.\n\nYour options:",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

hmm, I don't think it's beneficial to add these messages which are not ready from design/ documentation team to the translations strings.
It would be better to just use a plain string message and include a todo in the file to update them with the correct translations strings once ready from the respective teams.
cc @pedro-et @jorge-campo

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @J-Son89 , from Documentation, the messages in Onboarding are ready and in the Figma file (yellow cards). I guess this was overlooked (?)

Please, see this Figma link and let me know if I can be of any help.

Screenshot 2023-05-05 at 12 11 52@2x

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ah thanks @jorge-campo! @yqrashawn can you update with the finalized copy 👍

Copy link

@jorge-campo jorge-campo May 5, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@yqrashawn, let me know if you need anything else. Happy to help.

Note
We're aware that the final copy in the yellow cards is longer than the one in the mockups. Users will need to scroll to read the entire text.

Copy link
Contributor

@J-Son89 J-Son89 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good, but see my comment about translation strings for non-finalized copy in the designs

@yqrashawn yqrashawn changed the title [WIP] feat: doc info boxes while onboarding feat: doc info boxes while onboarding May 5, 2023
@yqrashawn yqrashawn force-pushed the feat/onboarding-doc-infobox branch 2 times, most recently from 7c9ac59 to 91c62e7 Compare May 5, 2023 10:33
@jorge-campo
Copy link

@yqrashawn, I've noticed the yellow card about the Status Profile Password (see image) is missing a title. I added a comment on the Figma file. Could you please add the title to the text? Thank you!

Screenshot 2023-05-05 at 12 33 43@2x

@yqrashawn yqrashawn force-pushed the feat/onboarding-doc-infobox branch 2 times, most recently from 37a52cd to 874a3cb Compare May 5, 2023 10:44
@yqrashawn
Copy link
Contributor Author

@J-Son89 @jorge-campo new copy added, also updated the screenshots

@yqrashawn yqrashawn force-pushed the feat/onboarding-doc-infobox branch 2 times, most recently from c36ab8c to d5300f8 Compare May 8, 2023 07:39
@yqrashawn yqrashawn force-pushed the feat/onboarding-doc-infobox branch from d5300f8 to f38e980 Compare May 9, 2023 01:30
@qoqobolo qoqobolo self-assigned this May 9, 2023
@qoqobolo
Copy link
Contributor

qoqobolo commented May 9, 2023

Hey @yqrashawn, thanks for the PR!
Looks good, but I've got one question: was the glow of the text added on purpose on Android?
I'm comparing it with the design and see that they look different.

Android:

Screenshot 2023-05-09 at 13 07 11

Figma / iOS:

Screenshot 2023-05-09 at 13 06 46

@yqrashawn
Copy link
Contributor Author

@qoqobolo Not on purpose. It's a known issue Kureev/react-native-blur#511 and discussed here #15440 (comment)

@yqrashawn yqrashawn force-pushed the feat/onboarding-doc-infobox branch from f38e980 to ed4cb66 Compare May 10, 2023 03:04
@qoqobolo
Copy link
Contributor

@yqrashawn got it, thanks for sharing the issue!
PR can be merged.

@yqrashawn yqrashawn force-pushed the feat/onboarding-doc-infobox branch from ed4cb66 to 0fd7a33 Compare May 10, 2023 12:37
@yqrashawn yqrashawn force-pushed the feat/onboarding-doc-infobox branch from 0fd7a33 to 7afabed Compare May 11, 2023 01:30
@yqrashawn yqrashawn merged commit c1f24fb into develop May 11, 2023
@yqrashawn yqrashawn deleted the feat/onboarding-doc-infobox branch May 11, 2023 02:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
Archived in project
Development

Successfully merging this pull request may close these issues.

Onboarding/ Implement Initial info box
7 participants