Add Feedback For Users Requesting Unavailable Dates

[ryanfchase]

Design To Engineering Hand Off

Overview

We need to add feedback for when users attempt to access data that hasn't been loaded into the app so they aren't confused when nothing loads up on the screen

Description of Requested Change

Per Bonnie's suggestion, we should implement the following

• disallow users from picking date ranges (e.g. years) where we do not have access to the data
• add an info button next to "Date Range" in the legend modal to display some messaging

1st Draft for messaging on Date Range info button:

311-Data is currently only able to load 311 service request data in 2024 and onwards. For updates on the release of available 311 Data, please follow our LinkedIn page at https://www.linkedin.com/company/hack-for-la/.

Design

Design Action Items

• [x] fill in 'Section Name' in Figma Resources
• [x] update image url and remove markdown tags
• [x] Update 'Design Issue(s)' with list of relevant issues with role role: UI/UX Design

Figma Resources

• Link to Figma File
• Page Name:⭐⭐⭐ V1.2 HAND-OFF
• Section Name: Information Popover #1677

Screenshot of Finalized Designs

Image which helps engineer understand where to look. (Paste image into Details section)

Screenshot of the Figma

Design Issue(s)

• https://github.com/hackforla/311-data/issues/1677

Engineering

Engineering Action Items

• [x] Review 'Useful Notes for Figma' below
• [x] Locate section on 311 Data Figma
• [x] Create and list engineering tickets
• [ ] Complete the engineering tickets

Useful Notes for Figma

The file describes the overall Figma page. There is one Figma file for the team, which is the 311_Data_UXUI file. The page is the location of designs within the file, selected via the left-hand-side as a table of contents. The section name is the title of a particular section of the page. The section will encompass all relevant info needed to complete this request.

Engineering Issue(s)

• https://github.com/hackforla/311-data/issues/1664
• #1696

Resources