ODWRTW/canape
2
2
Fork 0
Code Issues 3 Pull Requests 1 Releases Activity

Add movies from polochon

Browse Source
This commit is contained in:
Grégoire Delattre 2016-11-17 02:04:51 +01:00
parent 0e6b05a8c8
commit 466c3f4295
4 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/public/js/actions/actionCreators.js
View File

@ -69,9 +69,9 @@ export function getUserInfos() {
) )
} }
export function fetchMovies() { export function fetchMovies(url) {
return request( return request(
'MOVIE_LIST_FETCH', 'MOVIE_LIST_FETCH',
configureAxios().get('/movies/explore/popular') configureAxios().get(url)
) )
} }

11
src/public/js/app.js
View File

@ -66,6 +66,14 @@ const UserIsAuthenticated = UserAuthWrapper({
failureRedirectPath: '/users/login', failureRedirectPath: '/users/login',
}) })
// TODO find a better way
const MovieListPopular = (props) => (
<MovieList {...props} moviesUrl='/movies/explore/popular'/>
)
const MovieListPolochon = (props) => (
<MovieList {...props} moviesUrl='/movies/polochon'/>
)
ReactDOM.render(( ReactDOM.render((
<Provider store={store}> <Provider store={store}>
<Router history={history}> <Router history={history}>
@ -74,7 +82,8 @@ ReactDOM.render((
<Route path="/users/login" component={UserLoginForm} /> <Route path="/users/login" component={UserLoginForm} />
<Route path="/users/signup" component={UserSignUp} /> <Route path="/users/signup" component={UserSignUp} />
<Route path="/users/edit" component={UserIsAuthenticated(UserEdit)} /> <Route path="/users/edit" component={UserIsAuthenticated(UserEdit)} />
<Route path="/movies/popular" component={UserIsAuthenticated(MovieList)} /> <Route path="/movies/popular" component={UserIsAuthenticated(MovieListPopular)} />
<Route path="/movies/polochon" component={UserIsAuthenticated(MovieListPolochon)} />
</Route> </Route>
</Router> </Router>
</Provider> </Provider>

2
src/public/js/components/movies/list.js
View File

@ -57,7 +57,7 @@ function MovieDetails(props) {
export default class MovieList extends React.Component { export default class MovieList extends React.Component {
componentWillMount() { componentWillMount() {
this.props.fetchMovies(); this.props.fetchMovies(this.props.moviesUrl);
} }
render() { render() {
const movies = this.props.movieStore.movies; const movies = this.props.movieStore.movies;

5
src/public/js/components/navbar.js
View File

@ -22,7 +22,10 @@ export default class NavBar extends React.Component {
<Navbar.Collapse> <Navbar.Collapse>
<Nav> <Nav>
<LinkContainer to="/movies/popular"> <LinkContainer to="/movies/popular">
<NavItem>Movies</NavItem> <NavItem>Popular movies</NavItem>
</LinkContainer>
<LinkContainer to="/movies/polochon">
<NavItem>Polochon movies</NavItem>
</LinkContainer> </LinkContainer>
</Nav> </Nav>
<Nav pullRight> <Nav pullRight>