Skip to content

DEV- Update progress modal with countdown and "please wait" message #2059

@cottonchristopher

Description

@cottonchristopher

Overview

We need to implement new designs to the progress modal with the language that indicates time remaining to load and the "please wait" message so that we decrease the numbers of users who abandon the process.

More Details

  • no need to implement the backend facing requirements of loading data in chunks, this will come in an upcoming ticket

Action Items

  • implement loading bar component
    • as a prop, it should receive the % loaded number
  • loading modal text should be: "Please give us a moment while we load the map. For official information about 311 services, please visit MyLA311."
    • link remains the same as previous copy
  • replace spinner gif with loading bar
  • loading modal component should now receive a prop to change into the longer version of the text (e.g. bool: loadingDelayed)
    • delayed message should be ""Please give us a moment while we load the map. Load times may vary for different devices. For official information about 311 services, please visit MyLA311."

Resources/Instructions

Screenshot before proposed changes

Image

Screenshot of Figma

Image

Screenshot of new feature from localhost

[insert screenshot here]

Metadata

Metadata

Assignees

No one assigned

    Labels

    Complexity: Smalltickets that are prescriptive, easily understood and executableRole: FrontendReact front end workp-feature: loading barthe modal that appears when user has confirmed their filter criteria in search and filters modalsize: 2ptCan be done in 7-12 hours

    Type

    No type

    Projects

    Status

    Prioritized Backlog

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions