narrative: leave narrative

Clicking on "Leave the narrative & explore the data yourself" completely leaves the narrative and goes to the dataset page.
nextstrain · Feb 1, 2020 · cd5cf77 · cd5cf77
1 parent 645dbe2
commit cd5cf77
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/components/narrative/MobileNarrativeDisplay.js b/src/components/narrative/MobileNarrativeDisplay.js
@@ -4,7 +4,6 @@ import React from "react";
 import { connect } from "react-redux";
 import queryString from "query-string";
 import { changePage, EXPERIMENTAL_showMainDisplayMarkdown } from "../../actions/navigation";
-import { TOGGLE_NARRATIVE } from "../../actions/types";
 import {
   linkStyles,
   MobileBannerTop,
@@ -61,7 +60,7 @@ class MobileNarrativeDisplay extends React.Component {
     };
 
     this.exitNarrativeMode = () => {
-      this.props.dispatch({type: TOGGLE_NARRATIVE, display: false});
+      this.props.dispatch(changePage({ path: this.props.blocks[0].dataset, query: true }));
     };
 
     this.goToNextPage = () => {

diff --git a/src/components/narrative/index.js b/src/components/narrative/index.js
@@ -14,7 +14,7 @@ import {
 } from './styles';
 import ReactPageScroller from "./ReactPageScroller";
 import { changePage, EXPERIMENTAL_showMainDisplayMarkdown } from "../../actions/navigation";
-import { CHANGE_URL_QUERY_BUT_NOT_REDUX_STATE, TOGGLE_NARRATIVE } from "../../actions/types";
+import { CHANGE_URL_QUERY_BUT_NOT_REDUX_STATE } from "../../actions/types";
 import { narrativeNavBarHeight } from "../../util/globals";
 
 /* regarding refs: https://reactjs.org/docs/refs-and-the-dom.html#exposing-dom-refs-to-parent-components */
@@ -41,7 +41,7 @@ class Narrative extends React.Component {
     super(props);
     this.state = {showingEndOfNarrativePage: false};
     this.exitNarrativeMode = () => {
-      this.props.dispatch({type: TOGGLE_NARRATIVE, display: false});
+      this.props.dispatch(changePage({ path: this.props.blocks[0].dataset, query: true }));
     };
     this.changeAppStateViaBlock = (reactPageScrollerIdx) => {
       const idx = reactPageScrollerIdx-1;