Given the user chooses a zip or neighborhood from the autofill options, Then return a list with results for that area
Given the user types and hit "enter" on their keyboard, and a zip or neighborhood is the closest match, Then return a list with results for that area
Given users have written letters within that area, return a list
scrolling and checkpoints:
default to mid height checkpoint
for any amount of results other than 0, enable user to move from min to max height checkpoints
when user scrolls from max height view, transfer UI to option that appears more like a page rather than a drawer
if there are not enough results to scroll, scrolling shouldn't be possible and therefore UI should never transfer to the full page option in this case
Show results count (Label large)
Sort location results in list by location with most letters to location with least letters (eventually we'll want to incorporate "best" into here as well, out of scope for now) (note: im not sure if there's another sort we could apply now in addition to most to least letters that would add value for users??)
for each location show:
place type (chip)
distance from current location (hide if unavailable) (label medium)
place name (title medium)
address (label large)
photo count (hide if 0 photos), letter count (label medium)
previews of letters
interaction:
Given user taps on the letter preview, Then open up the letter page for that letter
Given the user hits back from the letter page, Then go back to the results list
letter text: body medium
gradient fade on the letter if it goes past 4 lines
if 4 lines or less, no fade, keep height fixed to the 4 line amount
carousel:
when 1 letter for a location, no carousel
when 2 or more letters, enable swiping to move between different letter previews... i think this swiping should happen within the white letter preview box
Given users haven't written letters to any locations within that area, show empty state screen
"Sorry, we couldn’t find any letters within this area." (label large) + illustration
can only be minimized or mid height
path 2: pinpointed location result
Given the user the user chooses a specific location from the autofill results, Then return the location card for that specific location
Given the user types and hit "enter" on their keyboard, and a specific place is the closest match, Then return the location card for that specific location
figma: https://www.figma.com/file/DtxnB3JXU5hTbcVbnn8IZa/Love-Letters-to-St.-Louis?node-id=1482%3A3909&t=6rLsfzviw6zLyJJi-4