react-europe / react-europe-mobile

Mobile app for the React Europe conference
15 stars 15 forks source link

add search as you type input to schedule list #73

Open patcito opened 4 years ago

patcito commented 4 years ago

This is not an admin feature. On schedule tab, add a button on top right with the 🔎 icon. When user clicks on it, open a full screen dialog with an input search on top. User should be able to search through the schedule by typing the following queries:

speakers:"Brent Vatne" twitter:notbrent github:brentvatne tags:react tags:"react native" title:"graphql" description:"testing" some random text (in this case search through all the fields)

It should be possible to combine these by typing a query like this: tags:"react native" tags:expo title:graphql description:testing tags:"react native"

if user wants to search various fields with full text search too, then use the key fts: fts:"some text" tags:"recoil"

Results should show grouped by day inside a List.AccordionGroup with each accordion parent title being the name of the day of the grouped talks. If no talks are found for a given day, don't show the day.

You can use https://fusejs.io/getting-started/installation.html for search and https://github.com/nepsilon/search-query-parser for parsing.

When list of talks is empty, show this text to help user: examples: speakers:"Brent Vatne" twitter:notbrent github:brentvatne tags:react, "react native" title:"graphql" description:"testing" some random text (in this case search through all the fields)