Skip to content

Commit 8cc820e

Browse files
committed
fix(example): fix example app to work with new routing
fix #72
1 parent 65f3fe5 commit 8cc820e

File tree

1 file changed

+17
-5
lines changed

1 file changed

+17
-5
lines changed

Diff for: example.js

+17-5
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
// import necessary React/Redux libraries
2+
import { createHashHistory } from 'history'
3+
import { connectRouter, routerMiddleware } from 'connected-react-router'
24
import React, { Component } from 'react'
35
import { render } from 'react-dom'
4-
import { createStore, combineReducers, applyMiddleware } from 'redux'
6+
import { createStore, combineReducers, applyMiddleware, compose } from 'redux'
57
import { Provider } from 'react-redux'
68
import thunk from 'redux-thunk'
79
import createLogger from 'redux-logger'
@@ -38,19 +40,29 @@ const initialQuery = {
3840
type: 'ITINERARY'
3941
}
4042

43+
const history = createHashHistory()
44+
const middleware = [
45+
thunk,
46+
routerMiddleware(history) // for dispatching history actions
47+
]
48+
49+
// check if app is being run in development mode. If so, enable redux-logger
50+
if (process.env.NODE_ENV === 'development') {
51+
middleware.push(createLogger())
52+
}
53+
4154
// set up the Redux store
4255
const store = createStore(
4356
combineReducers({
44-
otp: createOtpReducer(otpConfig) // add optional initial query here
45-
// add your own reducers if you want
57+
otp: createOtpReducer(otpConfig),
58+
router: connectRouter(history)
4659
}),
47-
applyMiddleware(thunk, createLogger())
60+
compose(applyMiddleware(...middleware))
4861
)
4962

5063
// define a simple responsive UI using Bootstrap and OTP-RR
5164
class OtpRRExample extends Component {
5265
render () {
53-
5466
/** desktop view **/
5567
const desktopView = (
5668
<div className='otp'>

0 commit comments

Comments
 (0)