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

SFR-2154: Implement general error page designs #523

Merged
merged 5 commits into from
Sep 6, 2024

Conversation

jackiequach
Copy link
Collaborator

@jackiequach jackiequach commented Sep 3, 2024

Jira Ticket
Figma Designs

This PR does the following:

  • Updates the Feedback component to use context to be able to call the open function across the app
  • Implements general error page designs

Testing requirements & instructions:

Copy link

vercel bot commented Sep 3, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
sfr-bookfinder-front-end ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 6, 2024 5:33pm

@jackiequach jackiequach changed the title [WIP] SFR-2154: Implement general error page designs SFR-2154: Implement general error page designs Sep 5, 2024
@jackiequach jackiequach marked this pull request as ready for review September 5, 2024 19:53
@kylevillegas93 kylevillegas93 self-requested a review September 6, 2024 13:38
import { render, RenderOptions } from "@testing-library/react";
import { ReactElement } from "react";
import { FeatureFlagProvider } from "~/src/context/FeatureFlagContext";
import { FeedbackProvider } from "~/src/context/FeedbackContext";

const AllTheProviders = ({ children }) => {
Copy link
Contributor

Choose a reason for hiding this comment

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

Would Providers as a name work here?

Comment on lines +35 to +40
400: {
overline: "error 500",
heading: "There was an unexpected error.",
subText: "We couldn't process your request at this time. ",
tryText: "Try refreshing the page or ",
},
Copy link
Contributor

Choose a reason for hiding this comment

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

Hmm 400 means that the request input was invalid. Should we reflect that accordingly in the text?

@kylevillegas93
Copy link
Contributor

Overall, looks good! Just a few minor questions and comments.

One thing that I have found helpful in the past when implementing the designs is to link to the Figma directly in the PR description.

What is also good is to take screenshots of the different stages/pages. This is helpful for the reviewer to just help spot check between the designs and what is implemented.

Copy link
Contributor

@kylevillegas93 kylevillegas93 left a comment

Choose a reason for hiding this comment

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

Nice work!

@jackiequach jackiequach merged commit e137b59 into development Sep 6, 2024
8 checks passed
@jackiequach jackiequach deleted the SFR-2154/implement-error-page-designs branch September 6, 2024 18: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