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

UI4: LoginUI Fixes #150

Merged
merged 12 commits into from
Jan 22, 2024
Merged

UI4: LoginUI Fixes #150

merged 12 commits into from
Jan 22, 2024

Conversation

Jon-edge
Copy link
Contributor

@Jon-edge Jon-edge commented Jan 6, 2024

CHANGELOG

Does this branch warrant an entry to the CHANGELOG?

  • Yes
  • No

Dependencies

none

Description

Update legacy components to UI4
Restyle scenes/components
Password error message fix

Screenshot 2024-01-19 at 6 02 07 PM Screenshot 2024-01-19 at 6 02 26 PM image image Screenshot 2024-01-19 at 6 03 31 PM Screenshot 2024-01-19 at 6 04 00 PM image image

@Jon-edge Jon-edge force-pushed the jon/ui4/misc-login-changes branch 2 times, most recently from 157a78e to dd143e0 Compare January 6, 2024 03:12
@Jon-edge Jon-edge changed the title UI4: Initial Legacy Component Upgrade UI4: LoginUI Initial Legacy Component Upgrade Jan 8, 2024
@Jon-edge
Copy link
Contributor Author

Jon-edge commented Jan 8, 2024

  1. Update tertiary button bounds to end at the bounds of the text, so spacing looks right
  2. Update password requirements card to a regular card, with white text turning into ticker positive green

@Jon-edge Jon-edge force-pushed the jon/ui4/misc-login-changes branch from dd143e0 to c0043d0 Compare January 10, 2024 01:51
@Jon-edge Jon-edge self-assigned this Jan 12, 2024
@Jon-edge Jon-edge force-pushed the jon/ui4/misc-login-changes branch 13 times, most recently from 3f10536 to af5b052 Compare January 20, 2024 02:06
@Jon-edge Jon-edge changed the title UI4: LoginUI Initial Legacy Component Upgrade UI4: LoginUI Fixes Jan 20, 2024
@Jon-edge
Copy link
Contributor Author

Jon-edge commented Jan 20, 2024

Was unable to get PasswordStatus to cooperate with CardUi4's flex...

Just copied over the relevant styles for now

package.json Outdated
@@ -48,6 +48,7 @@
"date-fns": "^2.23.0",
"qrcode-generator": "^1.4.4",
"react-native-airship": "^0.2.9",
"react-native-haptic-feedback": "1.14.0",
Copy link
Contributor

Choose a reason for hiding this comment

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

Any time you add a native dependency, you need to add an entry to the readme file, listing the dependency name & acceptable version range.

If you make the dependency mandatory, you also need to do a breaking release.

@Jon-edge Jon-edge force-pushed the jon/ui4/misc-login-changes branch 5 times, most recently from 947a4bc to b667fce Compare January 22, 2024 22:46
Copy link
Contributor

@swansontec swansontec left a comment

Choose a reason for hiding this comment

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

Two minor things need to be fixed.

Comment on lines +4 to +7
try {
const ReactNativeHapticFeedback = require('react-native-haptic-feedback')
ReactNativeHapticFeedback.trigger(type)
} catch (_) {}
Copy link
Contributor

Choose a reason for hiding this comment

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

Thanks, but we still need to add this to the readme file.

@@ -190,10 +191,14 @@ export const PasswordLoginScene = (props: Props) => {
})

const handleSubmitPassword = useHandler(() => {
console.debug('handleSubmitPassword')
Copy link
Contributor

Choose a reason for hiding this comment

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

Leftover debug?

@Jon-edge Jon-edge force-pushed the jon/ui4/misc-login-changes branch from b667fce to 547522b Compare January 22, 2024 23:00
@Jon-edge Jon-edge force-pushed the jon/ui4/misc-login-changes branch from 547522b to 7ced545 Compare January 22, 2024 23:03
In the interest of time and incomplete upgrade
specs, Not using AlertCardUi4 for the password
requirements, because there is dynamic styling.

Could use an overall redesign.
To be synchronized with gui later
- Change "Get Started" -> "Create Account"
- Use ButtonsViewUi4
Opting not to use ButtonsViewUi4 for now since there's a lot of dead space on the scene, and to avoid updating the other account creation scenes.
We can fully remove floating buttons later hopefully with some additional redesigns on these scenes.
Keeping the increased margins for the text inputs
Can probably refactor the logic better, but trying not to mess with it too much to avoid regression.
@Jon-edge Jon-edge force-pushed the jon/ui4/misc-login-changes branch from 7ced545 to 7b88655 Compare January 22, 2024 23:06
@Jon-edge Jon-edge merged commit 7210642 into master Jan 22, 2024
1 check passed
@Jon-edge Jon-edge deleted the jon/ui4/misc-login-changes branch January 22, 2024 23:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants