diff options
Diffstat (limited to 'src/client/react/components/page/User.js')
-rw-r--r-- | src/client/react/components/page/User.js | 50 |
1 files changed, 26 insertions, 24 deletions
diff --git a/src/client/react/components/page/User.js b/src/client/react/components/page/User.js index ae1dcc2..b520f90 100644 --- a/src/client/react/components/page/User.js +++ b/src/client/react/components/page/User.js @@ -6,34 +6,36 @@ import View from '../container/View'; import { userFromMatch } from '../../lib/url'; import WeekSelector from '../container/WeekSelector'; -const UserPage = ({ match }) => { - const user = userFromMatch(match); +class UserPage extends React.Component { + static propTypes = { + // react-router + match: PropTypes.object.isRequired, + }; - if (!user) { - // Invalid user, redirect to index. - return <Redirect to="/" />; - } + render() { + const user = userFromMatch(this.props.match); + + if (!user) { + // Invalid user, redirect to index. + return <Redirect to="/" />; + } - return ( - <div className="page-user"> - <div className="search-wrapper"> - <div className="search-container"> - <Search /> + return ( + <div className="page-user"> + <div className="search-wrapper"> + <div className="search-container"> + <Search /> + </div> </div> - </div> - <div className="menu"> - <div className="menu-container"> - <WeekSelector /> + <div className="menu"> + <div className="menu-container"> + <WeekSelector /> + </div> </div> + <View /> </div> - <View /> - </div> - ); -}; - -UserPage.propTypes = { - // react-router - match: PropTypes.object.isRequired, -}; + ); + } +} export default UserPage; |