[web] eventlog.js -> EventLog.jsx

1 files changed, 11 insertions, 1 deletions

diff --git a/web/src/js/components/header.js b/web/src/js/components/header.js
index afd295cf..ebd77f91 100644
--- a/web/src/js/components/header.js
+++ b/web/src/js/components/header.js
@@ -1,5 +1,6 @@
 import React from "react";
 import ReactDOM from 'react-dom';
+import { bindActionCreators } from 'redux'
 import $ from "jquery";
 import {connect} from 'react-redux'
 
@@ -9,7 +10,16 @@ import {ToggleInputButton, ToggleButton} from "./common.js";
 import {SettingsActions, FlowActions} from "../actions.js";
 import {Query} from "../actions.js";
 import {SettingsState} from "./common.js";
-import {ToggleEventLog} from "./eventlog"
+import { toggleEventLogVisibility } from '../ducks/eventLog'
+
+const ToggleEventLog = connect(
+    state => ({
+        checked: state.eventLog.visible
+    }),
+    dispatch => bindActionCreators({
+        onToggle: toggleEventLogVisibility,
+    }, dispatch)
+)(ToggleButton)
 
 var FilterDocs = React.createClass({
     statics: {