37 lines
732 B
JavaScript
37 lines
732 B
JavaScript
// SettingsToggler -> Required by Main
|
|
// --------------------------------------
|
|
// Handles Settings toggling. Straightforward stuff.
|
|
|
|
import React from 'react';
|
|
import ReactDOM from 'react-dom';
|
|
|
|
import { connect } from 'react-redux';
|
|
|
|
|
|
const toggleSettings = (props) => {
|
|
props.dispatch({
|
|
'type': "SETTINGS_TOGGLE_ACTIVE"
|
|
});
|
|
};
|
|
|
|
|
|
export const SettingsToggler = (props) => {
|
|
let classes = ['settings-toggler'];
|
|
|
|
return ReactDOM.createPortal(
|
|
<div
|
|
className={ classes.join(' ') }
|
|
onClick={ toggleSettings.bind(this, props) }
|
|
>
|
|
≡
|
|
</div>,
|
|
document.getElementById("settings-toggler-mount")
|
|
);
|
|
};
|
|
|
|
|
|
export default connect(
|
|
(state) => { return {}; },
|
|
null
|
|
)(SettingsToggler);
|