@@ -134,6 +142,14 @@ class Toolbar extends React.Component {
}
renderToolbarFilterPanel() {
+ const { panels } = this.props.toolbarCopy;
+ const panelTitle = panels.filters.label
+ ? panels.filters.label
+ : copy[this.props.language].toolbar.filters;
+ const panelDescription = panels.filters.description
+ ? panels.filters.description
+ : copy[this.props.language].toolbar.explore_by_filter__description;
+
return (
);
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/store/initial.js b/src/store/initial.js
index d9df191..40219f8 100644
--- a/src/store/initial.js
+++ b/src/store/initial.js
@@ -120,6 +120,12 @@ const initial = {
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,