Return to previous page on TomogramView

Author: OstlerDev

app.js

@@ -32,9 +32,10 @@ var Matomo = MatomoReactRouter({
 
 class App extends Component {
 	render(){
+		var matHistory = Matomo.connectToHistory(history);
 		return(
-			<Router history={Matomo.connectToHistory(history)}>
-				<AppRoutes Core={Core} />
+			<Router history={matHistory}>
+				<AppRoutes Core={Core} history={matHistory} />
 			</Router>
 		)
 	}

src/assets/css/jensen.css

@@ -809,7 +809,7 @@ div#return1 {
     margin-top: 20px;
 }
 
-a.topretur {
+.topretur {
     color: #000;
     text-align: right;
     float: right;

src/components/appRoutes.js

@@ -26,7 +26,7 @@ class AppRoutes extends Component {
 				<Route path="/featured" exact render={props => <Featured Core={this.props.Core} {...props} />} />
                 <Route path="/challenges" render={props => <Challenges Core={this.props.Core} {...props} />} />
 				<Route path="/browse" render={props => <Browse Core={this.props.Core} {...props} />} />
-				<Route path="/tomogram/:id" render={props => <TomogramView Core={this.props.Core} {...props} />} />
+				<Route path="/tomogram/:id" render={props => <TomogramView Core={this.props.Core} history={this.props.history} {...props} />} />
 				<Route path="/featured/:id" render={props => <FeaturedCollection Core={this.props.Core} {...props} />} />
 				<Route path="/terms" render={props => <TermsAndConditions Core={this.props.Core} {...props} />} />
 

src/components/tomogramView.js

@@ -155,7 +155,7 @@ class TomogramView extends Component {
 					<div id="reddiv"> </div>
 				</div>
 				<div className="col-sm-6">
-                <div id="return1"> <a className="topretur" href="/browse"><i class="fas fa-arrow-left"></i>     Return to database</a></div>
+                <div id="return1"> <button className="topretur" onClick={() => this.props.history.goBack()}><i class="fas fa-arrow-left"></i>     Return to database</button></div>
                         <div id="share">
 								<p>
 									<b>Share:</b>