diff --git a/src/containers/ListingPage/ListingPage.js b/src/containers/ListingPage/ListingPage.js index 2350897c..78c36c4c 100644 --- a/src/containers/ListingPage/ListingPage.js +++ b/src/containers/ListingPage/ListingPage.js @@ -187,6 +187,7 @@ export class ListingPageComponent extends Component { showListingError, history, reviews, + fetchReviewsError, } = this.props; const listingId = new UUID(params.id); const currentListing = ensureListing(getListing(listingId)); @@ -382,6 +383,12 @@ export class ListingPageComponent extends Component { console.log('contact user:', user); }; + const reviewsError = ( +

+ +

+ ); + return ( {map} +

+ {fetchReviewsError ? reviewsError : null}
@@ -571,6 +580,7 @@ ListingPageComponent.defaultProps = { showListingError: null, tab: 'listing', reviews: [], + fetchReviewsError: null, }; ListingPageComponent.propTypes = { @@ -594,10 +604,11 @@ ListingPageComponent.propTypes = { tab: oneOf(['book', 'listing']), useInitialValues: func.isRequired, reviews: arrayOf(propTypes.review), + fetchReviewsError: propTypes.error, }; const mapStateToProps = state => { - const { showListingError, reviews } = state.ListingPage; + const { showListingError, reviews, fetchReviewsError } = state.ListingPage; const { currentUser } = state.user; const getListing = id => { @@ -611,6 +622,7 @@ const mapStateToProps = state => { scrollingDisabled: isScrollingDisabled(state), showListingError, reviews, + fetchReviewsError, }; }; diff --git a/src/translations/en.json b/src/translations/en.json index c824a14d..174739bf 100644 --- a/src/translations/en.json +++ b/src/translations/en.json @@ -239,6 +239,7 @@ "ListingPage.ownClosedListing": "Your listing has been closed and can't be booked.", "ListingPage.ownListing": "This is your own listing.", "ListingPage.perNight": "per night", + "ListingPage.reviewsError": "Fetching reviews failed.", "ListingPage.reviewsHeading": "Reviews ({count})", "ListingPage.schemaTitle": "{title} - {price} | {siteTitle}", "ListingPage.viewImagesButton": "View photos ({count})",