diff --git a/src/components/home/HomePage.js b/src/components/home/HomePage.js index 2e800c9..7ceb753 100644 --- a/src/components/home/HomePage.js +++ b/src/components/home/HomePage.js @@ -1,35 +1,12 @@ import React from "react"; -import { Link } from "react-router-dom"; -import { connect } from "react-redux"; -import { bindActionCreators } from "redux"; import PropTypes from "prop-types"; -import { - loadSystemDateTime, - loadSystemVersion -} from "../../features/system/actionCreators"; - -const HomePage = ({ actions }) => { - const testButton = () => { - actions.loadSystemDateTime(); - actions.loadSystemVersion(); - }; +import SystemContainer from "../../features/system/components/SystemContainer"; +const HomePage = () => { return ( -
-

Reverse proxy

-

React, Redux and React Router for ultra-responsive web apps.

- - Learn more - - - -
+ <> + + ); }; @@ -37,17 +14,4 @@ HomePage.propTypes = { actions: PropTypes.object.isRequired }; -function mapStateToProps() { - return {}; -} - -function mapDispatchToProps(dispatch) { - return { - actions: bindActionCreators( - { loadSystemDateTime, loadSystemVersion }, - dispatch - ) - }; -} - -export default connect(mapStateToProps, mapDispatchToProps)(HomePage); +export default HomePage; diff --git a/src/features/system/components/SystemComponent.js b/src/features/system/components/SystemComponent.js new file mode 100644 index 0000000..27ca24b --- /dev/null +++ b/src/features/system/components/SystemComponent.js @@ -0,0 +1 @@ +//TO DO diff --git a/src/features/system/components/SystemContainer.js b/src/features/system/components/SystemContainer.js new file mode 100644 index 0000000..bb064b8 --- /dev/null +++ b/src/features/system/components/SystemContainer.js @@ -0,0 +1,36 @@ +import React, { useEffect } from "react"; +import { connect } from "react-redux"; +import { bindActionCreators } from "redux"; +import PropTypes from "prop-types"; +import { loadSystemDateTime, loadSystemVersion } from "../actionCreators"; + +const SystemContainer = ({ actions }) => { + useEffect(() => { + actions.loadSystemDateTime(); + actions.loadSystemVersion(); + }, []); + + return
TEST
; +}; + +SystemContainer.propTypes = { + actions: PropTypes.object.isRequired, + releaseNotes: PropTypes.array.isRequired +}; + +function mapStateToProps(state) { + return { + system: state.system + }; +} + +function mapDispatchToProps(dispatch) { + return { + actions: bindActionCreators( + { loadSystemDateTime, loadSystemVersion }, + dispatch + ) + }; +} + +export default connect(mapStateToProps, mapDispatchToProps)(SystemContainer);