./src/modules/movie-browser/movie-modal/movie-modal.container.js
Attempted import error: 'updateMoviePictureUrls' is not exported from '../movie-browser.helper' (imported as 'movieHelpers').
movie-browser.helper.js code
const TMDB_IMAGE_BASE_URL = (width = 300) => `https://image.tmdb.org/t/p/w$(width)`;
const updateMoviePictureUrls = (movieResult, width = 300) => ({
...movieResult,
backdrop_path: `${TMDB_IMAGE_BASE_URL(width)}${movieResult.backdr op_path}`,
poster_path: `${TMDB_IMAGE_BASE_URL(width)}${movieResult.poster _path}`,
});
export const getMoviesList = (moviesRes) => {
return !!moviesRes ? ([
...moviesRes.results.map(movieResult => updateMoviePictureUrls(movieResult))
]) : null;
}
movie-modal.container.js code
import React from 'react';
import {connect} from 'react-redux';
import { Dialog } from 'material-ui';
import _ from 'lodash';
import { closeMovieModal } from './movie-modal.actions';
import { getMovieDetails } from '../movie-browser.actions';
import * as movieHelpers from '../movie-browser.helper';
import Loader from '../../common/loader.component';
render() {
const {isOpen, closeMovieModal, isLoading} = this.props;
// const loadingStatus = isLoading ? 'loading' : 'hide';
const movie = movieHelpers.updateMoviePictureUrls(this.props.mov ie);
const genres = (movie && movie.genres) ? movie.genres.map(genre => genre.name).join(', ') : '';
return (
<Dialog
autoScrollBodyContent={true}
title={null}
modal={false}
open={isOpen}
onRequestClose={closeMovieModal}
>
<Loader isLoading={isLoading}>
<div style={styles.dialogContent(movie.backdrop_path)}>
<h1>{movie.title}</h1>
<h5>{genres}</h5>
<p>{movie.overview}</p>
<p>Popularity: {movie.popularity}</p>
<p>Budget: ${movie.budget}</p>
</div>
</Loader>
</Dialog>
);
}
}
export default connect(
(state) => ({
isOpen: _.get(state, 'movieBrowser.movieModal.isOpen', false),
movieId: _.get(state, 'movieBrowser.movieModal.movieId'),
movie: _.get(state, 'movieBrowser.movieDetails.res', {}),
isLoading: _.get(state, 'movieBrowser.movieDetails.isLoading', false),
}),
{ closeMovieModal, getMovieDetails }
)(MovieModalContainer);