github.com/muhammedhassanm/blockchain@v0.0.0-20200120143007-697261defd4d/build-blockchain-insurance-app-master/web/src/shop/router.js (about) 1 import React, { Props } from 'react'; 2 import PropTypes from 'prop-types'; 3 import { 4 BrowserRouter as Router, 5 Route, Switch, withRouter 6 } from 'react-router-dom'; 7 8 import App from './components/App'; 9 import ChooseProductPage from './components/ChooseProductPage'; 10 import ChooseInsurancePage from './components/ChooseInsurancePage'; 11 import PaymentPage from './components/PaymentPage'; 12 import SummaryPage from './components/SummaryPage'; 13 import NotFoundPage from '../shared/NotFoundPage'; 14 15 function router({ shopType }) { 16 return ( 17 <Router basename={`/shop/${shopType}`}> 18 <App> 19 <Switch> 20 <Route exact path='/' component={ChooseProductPage} /> 21 <Route path='/insurance' component={ChooseInsurancePage} /> 22 <Route path='/payment' component={PaymentPage} /> 23 <Route path='/summary' component={SummaryPage} /> 24 <Route component={NotFoundPage} /> 25 </Switch> 26 </App> 27 </Router> 28 ); 29 } 30 31 router.propTypes = { 32 shopType: PropTypes.string 33 }; 34 35 export default router;