-
{copy[language].toolbar.categories}
+
{title}
{renderCategoryTree()}
diff --git a/src/components/controls/FilterListPanel.js b/src/components/controls/FilterListPanel.js
index adb5013..9d02e9b 100644
--- a/src/components/controls/FilterListPanel.js
+++ b/src/components/controls/FilterListPanel.js
@@ -1,7 +1,6 @@
import React from "react";
import Checkbox from "../atoms/Checkbox";
import marked from "marked";
-import copy from "../../common/data/copy.json";
import {
aggregateFilterPaths,
getFilterIdxFromColorSet,
@@ -30,6 +29,8 @@ function FilterListPanel({
language,
coloringSet,
filterColors,
+ title,
+ description,
}) {
function createNodeComponent(filter, depth) {
const [key, children] = filter;
@@ -81,10 +82,10 @@ function FilterListPanel({
return (
-
{copy[language].toolbar.filters}
+
{title}
{renderTree(filters)}
diff --git a/src/selectors/index.js b/src/selectors/index.js
index 23a129e..6ad19d4 100644
--- a/src/selectors/index.js
+++ b/src/selectors/index.js
@@ -8,7 +8,7 @@ import {
createFilterPathString,
} from "../common/utilities";
import { isTimeRangedIn } from "./helpers";
-import { ASSOCIATION_MODES } from "../common/constants";
+import { ASSOCIATION_MODES, TIMELINE_ONLY } from "../common/constants";
// Input selectors
export const getEvents = (state) => state.domain.events;
@@ -95,9 +95,10 @@ export const selectEvents = createSelector(
isActiveTime = features.GRAPH_NONLOCATED
? (!event.latitude && !event.longitude) || isActiveTime
: isActiveTime;
-
- if (isActiveTime && isActiveFilter && isActiveCategory) {
- acc[event.id] = { ...event };
+ if (isActiveTime && isActiveCategory) {
+ if (event.type === TIMELINE_ONLY || isActiveFilter) {
+ acc[event.id] = { ...event };
+ }
}
return acc;
}, []);
diff --git a/src/store/initial.js b/src/store/initial.js
index 9d27db6..40219f8 100644
--- a/src/store/initial.js
+++ b/src/store/initial.js
@@ -3,6 +3,7 @@ import { mergeDeepLeft } from "ramda";
import global, { colors } from "../common/global";
import copy from "../common/data/copy.json";
import { language } from "../common/utilities";
+import { DEFAULT_TAB_ICONS } from "../common/constants";
const isSmallLaptop = window.innerHeight < 800;
const mapIniital = {
@@ -105,6 +106,28 @@ const initial = {
"A description of the project goes here.\n\nThis description may contain markdown.\n\n# This is a large title, for example.\n\n## Whereas this is a slightly smaller title.\n\nCheck out docs/custom-covers.md in the [Timemap GitHub repo](https://github.com/forensic-architecture/timemap) for more information around how to specify custom covers.",
exploreButton: "EXPLORE",
},
+ toolbar: {
+ panels: {
+ categories: {
+ icon: DEFAULT_TAB_ICONS.CATEGORY,
+ label: copy[language].toolbar.categories_label,
+ title: copy[language].toolbar.explore_by_category__title,
+ description: copy[language].toolbar.explore_by_category__description,
+ },
+ filters: {
+ icon: DEFAULT_TAB_ICONS.FILTER,
+ label: copy[language].toolbar.filters_label,
+ title: copy[language].toolbar.explore_by_filter__title,
+ description: copy[language].toolbar.explore_by_filter__description,
+ },
+ narratives: {
+ icon: DEFAULT_TAB_ICONS.NARRATIVE,
+ label: copy[language].toolbar.narratives_label,
+ title: copy[language].toolbar.explore_by_narrative__title,
+ description: copy[language].toolbar.explore_by_narrative__description,
+ },
+ },
+ },
loading: false,
},