performant-software / react-components

A library of shared React components
https://performant-software.github.io/react-components/
MIT License
1 stars 1 forks source link

RC #291 - Timeline Facet #295

Closed dleadbetter closed 1 month ago

dleadbetter commented 2 months ago

This pull request creates the FacetSlider and FacetTimeline components. It also updates Typesense utils to persist the range state in the URL.

Demo

https://github.com/user-attachments/assets/b49eb3e9-1c3e-4040-930d-a1e59c8ab9bc

FacetTimeline

The FacetTimeline component can be rendered at the footer of the map.

Screenshot 2024-08-15 at 10 30 23 AM

Filtering Search Results

Using the toggles, the search results will filter based on the selected range.

Screenshot 2024-08-15 at 10 30 38 AM

Event Modal

Clicking on an event will display a modal containing more information about the event.

Screenshot 2024-08-15 at 10 30 47 AM

Screenshot 2024-08-15 at 10 30 54 AM

List View

Clicking the "list" icon will bring up a list of all events. This can be useful for viewing many events which exist is a small timeframe.

Screenshot 2024-08-15 at 10 31 00 AM Screenshot 2024-08-15 at 10 31 10 AM Screenshot 2024-08-15 at 10 31 15 AM