diff --git a/src/components/Place/PlaceDescription/PlaceDescription.tsx b/src/components/Place/PlaceDescription/PlaceDescription.tsx index 383edcb4..b289b807 100644 --- a/src/components/Place/PlaceDescription/PlaceDescription.tsx +++ b/src/components/Place/PlaceDescription/PlaceDescription.tsx @@ -8,6 +8,7 @@ import { TrackingPlacesSearchContext } from "../../../context/TrackingContext" import { AggregatePlaceAttributes } from "../../../entities/Place/types" import { explorerUrl } from "../../../entities/Place/utils" import { SegmentPlace } from "../../../modules/segment" +import { getImageUrl } from "../../../utils/image" import FavoriteBox from "../../Button/FavoriteBox" import JumpInPositionButton from "../../Button/JumpInPositionButton" import ShareBox from "../../Button/ShareBox" @@ -60,7 +61,7 @@ export default React.memo(function PlaceDescription( style={ !loading && place?.image ? { - backgroundImage: `url(${place.image})`, + backgroundImage: `url(${getImageUrl(place.image)})`, } : {} } diff --git a/src/components/Place/PlaceFeatured/PlaceFeatured.tsx b/src/components/Place/PlaceFeatured/PlaceFeatured.tsx index f45f729e..19746c5c 100644 --- a/src/components/Place/PlaceFeatured/PlaceFeatured.tsx +++ b/src/components/Place/PlaceFeatured/PlaceFeatured.tsx @@ -13,6 +13,7 @@ import { AggregatePlaceAttributes } from "../../../entities/Place/types" import { explorerUrl } from "../../../entities/Place/utils" import locations from "../../../modules/locations" import { SegmentPlace } from "../../../modules/segment" +import { getImageUrl } from "../../../utils/image" import UserCount from "../../Label/UserCount/UserCount" import "./PlaceFeatured.css" @@ -37,7 +38,9 @@ export default React.memo(function PlaceFeatured(props: PlaceFeaturedProps) {