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

Jon/ui4/login-request #224

Merged
merged 12 commits into from
Nov 12, 2024
Merged

Jon/ui4/login-request #224

merged 12 commits into from
Nov 12, 2024

Conversation

Jon-edge
Copy link
Contributor

@Jon-edge Jon-edge commented Nov 8, 2024

image
image

CHANGELOG

Does this branch warrant an entry to the CHANGELOG?

  • Yes
  • No

Dependencies

none

Description

none

<EdgeButton
label={lstrings.allow}
onPress={this.handleApproveVoucher(voucher)}
type="secondary"
Copy link
Contributor

Choose a reason for hiding this comment

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

Approving is the dangerous action, but denying is safe. I think you have the danger type backwards.

Copy link
Contributor Author

@Jon-edge Jon-edge Nov 9, 2024

Choose a reason for hiding this comment

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

We did go back and forth a lot during spec discussion on this. Ultimately we went with this, because a deny/block/delete/no type button is generally expected to be red.

"Allow" in itself is the opposite of a destructive operation, but in this context, it's dangerous.

The compromise was to add the exclamation marks to convey danger on the secondary "Allow" in the following modal.

Now that you mention this, 'danger' is probably just a bad choice of naming, just like how our legacy 'escape' was also inaccurate. I'll change it.

Copy link
Contributor

@swansontec swansontec Nov 11, 2024

Choose a reason for hiding this comment

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

I absolutely do not agree with this decision. Who is the "we" in this discussion? You and Madison?

Since "Deny" is the ONLY safe button to press, marking it as "danger" is exactly the opposite of what we want. This completely negates the whole reason we approved this task for the sprint, which was because customers had hit the wrong button and lost all their funds (by "we", I mean the QA / support meeting).

Valid solutions would include making both buttons equal (non-danger), or swapping the danger as I requested (vetoing Madison). I will not approve this PR with "Deny" marked as dangerous. No, your wording change is clever, but not good enough to justify this.

Copy link
Contributor Author

@Jon-edge Jon-edge Nov 11, 2024

Choose a reason for hiding this comment

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

Continuing with the design post discussion because the strongest point of evidence that this aligns with user expectations is that google/apple/etc have the same design:

Red denotes the destructive (red) "Deny/No this wasn't me" action. They go further to even make the "Allow/Yes this was me" the primary action, which we aren't doing in Edge.

src/components/themed/EdgeText.tsx Outdated Show resolved Hide resolved
src/components/modals/ButtonsModal.tsx Show resolved Hide resolved
src/components/ui4/EdgeModal.tsx Show resolved Hide resolved
@Jon-edge Jon-edge force-pushed the jon/ui4/login-request branch 4 times, most recently from 282a331 to 2b980c9 Compare November 9, 2024 00:50
@Jon-edge Jon-edge merged commit aa91e8f into master Nov 12, 2024
1 check passed
@Jon-edge Jon-edge deleted the jon/ui4/login-request branch November 12, 2024 02:20
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