Skip to content

Create a FullPageNotFoundView component #9522

Closed

Description

@arosiclair

Spun out of this slack convo

Problem
Similar to our <FullPageOfflineView /> (#9165) we need a full page "not found" view to display when a user attempts to view a resource that doesn't exist or they have lost access to.

Solution
Create a <FullPageNotFoundView /> component that replaces the child view when a show prop is set to true.

Activity

  1. self-assigned this
    on Jun 21, 2022
  2. melvin-bot commented on Jun 24, 2022

    @melvin-bot

    @arosiclair Whoops! This issue is 2 days overdue. Let's get this updated quick!

  3. arosiclair commented on Jun 27, 2022

    @arosiclair
    ContributorAuthor

    I'll implement this this week.

  4. arosiclair commented on Jun 29, 2022

    @arosiclair
    ContributorAuthor

    For this, I think we should reuse the same presentation as our FullPageOfflineBlockingView below just with a different icon and message.

    @shawnborton do you agree? And if so which icon and message do you think we should use?

    Screen Shot 2022-06-29 at 1 50 38 PM

  5. shawnborton commented on Jun 29, 2022

    @shawnborton
    Contributor

    Totally. We could do something very generic like the offline page you mentioned, something like this?
    image

    Questions:

    • Would this page only be shown when navigating things in the workspace editor, etc? Or do we need to consider a full app blocking page, almost like a classic 404 page?
  6. arosiclair commented on Jun 29, 2022

    @arosiclair
    ContributorAuthor

    @shawnborton Thanks!

    Would this page only be shown when navigating things in the workspace editor, etc? Or do we need to consider a full app blocking page, almost like a classic 404 page?

    Your first guess is correct though it could also be used for other non-workspace pages. This view would replace the content of the page/pane that can't be viewed in the same way that our offline blocking page would.

  7. shawnborton commented on Jun 29, 2022

    @shawnborton
    Contributor

    Sounds good!

    I think the question mark circle icon already exists in the App repo, so you should be good to just reuse it and style it like the offline page. Feel free to tag design in your PR too!

  8. melvin-bot commented on Jun 30, 2022

    @melvin-bot

    Triggered auto assignment to @jamesdeanexpensify (Waiting for copy), see https://stackoverflow.com/c/expensify/questions/7025/ for more details.

  9. 7 remaining items

  10. shawnborton commented on Jun 30, 2022

    @shawnborton
    Contributor

    Oh crap, my bad! Here is an updated screenie:

    image

  11. jamesdeanexpensify commented on Jun 30, 2022

    @jamesdeanexpensify
    Contributor

    Maybe "That page..." instead of "The page"...what do you think?

  12. shawnborton commented on Jun 30, 2022

    @shawnborton
    Contributor

    Here ya go:

    image

  13. jamesdeanexpensify commented on Jun 30, 2022

    @jamesdeanexpensify
    Contributor
  14. jamesdeanexpensify commented on Jul 1, 2022

    @jamesdeanexpensify
    Contributor

    Will have this finalized tomorrow. It's a really small tweak, but I want to make sure I'm following the process that I'm creating!

  15. jamesdeanexpensify commented on Jul 1, 2022

    @jamesdeanexpensify
    Contributor

    I think for now since it's more of a header/title, we can leave "Hmm...it's not here" without a period. Let's ship it!

  16. removed their assignment
    on Jul 1, 2022
  17. jamesdeanexpensify commented on Jul 1, 2022

    @jamesdeanexpensify
    Contributor

    And by ship it, I mean this: #9522 (comment)

  18. melvin-bot commented on Jul 4, 2022

    @melvin-bot

    @arosiclair Whoops! This issue is 2 days overdue. Let's get this updated quick!

  19. arosiclair commented on Jul 5, 2022

    @arosiclair
    ContributorAuthor

    Thanks guys! Getting a Spanish translation for this and then this should be through very soon.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions