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

[#11947] Format error toasts #12509

Merged
merged 11 commits into from
Jul 13, 2023
Merged

Conversation

domoberzin
Copy link
Contributor

@domoberzin domoberzin commented Jul 11, 2023

Fixes #11947

Outline of Solution

This PR improves the appearance of error toasts by formatting them to separate each error into a new line, by adjusting the whitespace CSS property on the toast component.

Additionally, due to the adjustment of this property, some of the status messages within the toasts turn up with odd spaces and line breaks. This PR also adds the necessary fixes for those messages.

Lastly, due to the modification, some E2E tests also fail with the odd errors unrelated to toast itself. I found that adding a fixed timeout and closing the toast popup after verification of the message fixes this issue. These changes are also within this PR.

@github-actions
Copy link

Hi @domoberzin, thank you for your interest in contributing to TEAMMATES!
However, your PR does not appear to follow our contribution guidelines:

  • Title must start with the issue number the PR is fixing in square brackets, e.g. [#<issue-number>]
  • Description must reference the issue number the PR is fixing, e.g. Fixes #<issue-number> (or Part of #<issue-number> if the PR does not address the issue fully)

Please address the above before we proceed to review your PR.

@domoberzin domoberzin marked this pull request as draft July 11, 2023 04:55
@domoberzin domoberzin marked this pull request as ready for review July 13, 2023 06:29
Copy link
Contributor

@weiquu weiquu left a comment

Choose a reason for hiding this comment

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

One small nit, otherwise looks good!

@jasonqiu212 jasonqiu212 changed the title fix: format error toasts [#11947] Format error toasts Jul 13, 2023
Copy link
Contributor

@jasonqiu212 jasonqiu212 left a comment

Choose a reason for hiding this comment

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

LGTM!

@jasonqiu212 jasonqiu212 added the s.ToMerge The PR is approved by all reviewers including final reviewer; ready for merging label Jul 13, 2023
Copy link
Contributor

@weiquu weiquu left a comment

Choose a reason for hiding this comment

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

LGTM! Thanks for contributing and good job for the research into the E2E issues (:

@weiquu weiquu merged commit 09106ad into TEAMMATES:master Jul 13, 2023
@samuelfangjw samuelfangjw added the c.Feature User-facing feature; can be new feature or enhancement to existing feature label Jul 14, 2023
@samuelfangjw samuelfangjw added this to the V8.28.0 milestone Jul 14, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
c.Feature User-facing feature; can be new feature or enhancement to existing feature s.ToMerge The PR is approved by all reviewers including final reviewer; ready for merging
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Improve UI of Error Toasts
4 participants