before: moment().startOf('day').add(8, 'days').toISOString(),
},
}).then(response => {
- const newEvents = response.data || [];
+ const newEvents = (response.data || []).sort(
+ (a, b) => (a.short || a.title).localeCompare(b.short || b.title)
+ );
setEvents(newEvents);
}).catch(e => {
if (!axios.isCancel(e)) {
if (!events || !events.length) return null;
- return <div className="episode-filter">
+ return <div className="episode-filter button-bar text-end">
{events.map(event =>
<Button
active={isEventSelected(event)}
key={event.id}
onClick={() => toggleEvent(event)}
+ title={event.short ? event.title : null}
variant="outline-secondary"
>
- {event.title}
+ {event.short || event.title}
</Button>
)}
</div>;