From 2c4358e37cec1748dc12b46a91c59f94dd725c2b Mon Sep 17 00:00:00 2001
From: Todd Dembrey <todd.dembrey@torchbox.com>
Date: Mon, 7 Jan 2019 12:21:42 +0000
Subject: [PATCH] Make sure that we do not destroy the filters when switching
---
opentech/static_src/src/app/src/App.js | 21 +++++++++++++--------
1 file changed, 13 insertions(+), 8 deletions(-)
diff --git a/opentech/static_src/src/app/src/App.js b/opentech/static_src/src/app/src/App.js
index 6704bbda9..bb149517d 100644
--- a/opentech/static_src/src/app/src/App.js
+++ b/opentech/static_src/src/app/src/App.js
@@ -12,21 +12,26 @@ class App extends React.Component {
}
}
- detailOpen = (state) => {this.setState({detailOpen: state})}
+ detailOpen = (state) => {
+ this.setState({style: {display: 'None'}})
+ this.setState({detailOpen: true})
+ }
+
+ detailClose = () => {
+ this.setState({style: {}})
+ this.setState({detailOpen: false})
+ }
render () {
return (
<div>
<div>
- <button className="red-button" onClick={() => this.detailOpen(true)}>Detail View</button>
+ <button className="red-button" onClick={this.detailOpen}>Detail View</button>
|
- <button onClick={() => this.detailOpen(false)}>List View</button>
+ <button onClick={this.detailClose}>List View</button>
</div>
- {this.state.detailOpen ? (
- <div><h2>THIS IS REACT</h2></div>
- ) : (
- <div dangerouslySetInnerHTML={ {__html: this.props.originalContent} } />
- )}
+ {this.state.detailOpen && <div><h2>THIS IS REACT</h2></div>}
+ <div style={this.state.style} dangerouslySetInnerHTML={ {__html: this.props.originalContent} } />
</div>
)}
}
--
GitLab