Remove default content
This commit is contained in:
parent
e492618b06
commit
dd6fe1251f
8 changed files with 0 additions and 176 deletions
|
|
@ -1,6 +0,0 @@
|
|||
import { createAction } from 'redux-actions';
|
||||
|
||||
export default {
|
||||
login: createAction('USER_LOGIN'),
|
||||
logout: createAction('USER_LOGOUT'),
|
||||
};
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
import React, { Component } from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
export default class LoggedIn extends Component {
|
||||
static propTypes = {
|
||||
onLogout: PropTypes.func.isRequired,
|
||||
};
|
||||
|
||||
handleLogout = () => {
|
||||
this.props.onLogout({
|
||||
username: '',
|
||||
loggedIn: false,
|
||||
});
|
||||
};
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div>
|
||||
<h2>Logged in as {this.props.user.username}</h2>
|
||||
<button onClick={this.handleLogout}>Logout</button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
import React, { Component } from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import SerialPort from 'serialport';
|
||||
|
||||
export default class Login extends Component {
|
||||
static propTypes = {
|
||||
onLogin: PropTypes.func.isRequired,
|
||||
};
|
||||
|
||||
state = {
|
||||
username: '',
|
||||
};
|
||||
|
||||
handleLogin = () => {
|
||||
this.props.onLogin({
|
||||
username: this.state.username,
|
||||
loggedIn: true,
|
||||
});
|
||||
};
|
||||
|
||||
handleChange = (e) => {
|
||||
this.setState({
|
||||
username: e.target.value,
|
||||
});
|
||||
};
|
||||
|
||||
render() {
|
||||
const port = new SerialPort('COM3');
|
||||
const triggerOn = () => {
|
||||
port.write('on');
|
||||
};
|
||||
const triggerOff = () => {
|
||||
port.write('off');
|
||||
};
|
||||
return (
|
||||
<div>
|
||||
<button onClick={triggerOn}>ON</button>
|
||||
<button onClick={triggerOff}>OFF</button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
import { connect } from 'react-redux';
|
||||
import { push } from 'connected-react-router';
|
||||
import { bindActionCreators } from 'redux';
|
||||
import LoggedIn from '../components/LoggedIn';
|
||||
import userActions from '../actions/user';
|
||||
|
||||
const mapStateToProps = (state) => {
|
||||
return state;
|
||||
};
|
||||
|
||||
const mapDispatchToProps = (dispatch) => {
|
||||
const user = bindActionCreators(userActions, dispatch);
|
||||
return {
|
||||
onLogout: (data) => {
|
||||
user.logout(data);
|
||||
dispatch(push('/'));
|
||||
},
|
||||
};
|
||||
};
|
||||
|
||||
export default connect(mapStateToProps, mapDispatchToProps)(LoggedIn);
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
import { connect } from 'react-redux';
|
||||
import { push } from 'connected-react-router';
|
||||
import { bindActionCreators } from 'redux';
|
||||
import Login from '../components/Login';
|
||||
import userActions from '../actions/user';
|
||||
|
||||
const mapStateToProps = (state) => {
|
||||
return state;
|
||||
};
|
||||
|
||||
const mapDispatchToProps = (dispatch) => {
|
||||
const user = bindActionCreators(userActions, dispatch);
|
||||
return {
|
||||
onLogin: (data) => {
|
||||
user.login(data);
|
||||
dispatch(push('/loggedin'));
|
||||
},
|
||||
};
|
||||
};
|
||||
|
||||
export default connect(mapStateToProps, mapDispatchToProps)(Login);
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
import { handleActions } from 'redux-actions';
|
||||
import actions from '../actions/user';
|
||||
|
||||
export default handleActions(
|
||||
{
|
||||
[actions.login]: (state, action) => {
|
||||
return { ...state, ...action.payload };
|
||||
},
|
||||
[actions.logout]: (state, action) => {
|
||||
return { ...state, ...action.payload };
|
||||
},
|
||||
},
|
||||
{},
|
||||
);
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
import React from 'react';
|
||||
import { Switch, Route } from 'react-router';
|
||||
|
||||
import LoginPage from './containers/LoginPage';
|
||||
import LoggedInPage from './containers/LoggedInPage';
|
||||
|
||||
export default (
|
||||
<Switch>
|
||||
<Route exact path="/" component={LoginPage} />
|
||||
<Route exact path="/loggedin" component={LoggedInPage} />
|
||||
</Switch>
|
||||
);
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
import { createStore, applyMiddleware, combineReducers, compose } from 'redux';
|
||||
import { connectRouter, routerMiddleware, push } from 'connected-react-router';
|
||||
import persistState from 'redux-localstorage';
|
||||
import thunk from 'redux-thunk';
|
||||
|
||||
import user from './reducers/user';
|
||||
import userActions from './actions/user';
|
||||
|
||||
export default function configureStore(initialState, routerHistory) {
|
||||
const router = routerMiddleware(routerHistory);
|
||||
|
||||
const actionCreators = {
|
||||
...userActions,
|
||||
push,
|
||||
};
|
||||
|
||||
const reducers = {
|
||||
router: connectRouter(routerHistory),
|
||||
user,
|
||||
};
|
||||
|
||||
const middlewares = [thunk, router];
|
||||
|
||||
const composeEnhancers = (() => {
|
||||
const compose_ = window && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__;
|
||||
if (process.env.NODE_ENV === 'development' && compose_) {
|
||||
return compose_({ actionCreators });
|
||||
}
|
||||
return compose;
|
||||
})();
|
||||
|
||||
const enhancer = composeEnhancers(applyMiddleware(...middlewares), persistState());
|
||||
const rootReducer = combineReducers(reducers);
|
||||
|
||||
return createStore(rootReducer, initialState, enhancer);
|
||||
}
|
||||
Reference in a new issue