+ const toggleFilter = React.useCallback(() => {
+ setShowFilter(show => !show);
+ }, []);
+
+ const filterButtonVariant = React.useMemo(() => {
+ const outline = showFilter ? '' : 'outline-';
+ const filterActive = filter && filter.event && filter.event.length;
+ return `${outline}${filterActive ? 'info' : 'secondary'}`;
+ }, [filter, showFilter]);
+