diff --git a/src/components/Map/MapView.jsx b/src/components/Map/MapView.jsx index 092e538..f354d5f 100644 --- a/src/components/Map/MapView.jsx +++ b/src/components/Map/MapView.jsx @@ -109,6 +109,8 @@ const MODE_FLOW_CONFIG = { }, }; +const LINK_PREVIEW_PLACEHOLDER = "https://assets.sociowire.com/placeholder/link.png"; + export default function MapView({ theme = "dark", onPostsState, @@ -297,7 +299,9 @@ export default function MapView({ const [draftImageMedium, setDraftImageMedium] = useState(""); const [draftImageLarge, setDraftImageLarge] = useState(""); const [draftImageFile, setDraftImageFile] = useState(null); - const [draftImagePreview, setDraftImagePreview] = useState(""); + const [draftImagePreview, setDraftImagePreview] = useState( + LINK_PREVIEW_PLACEHOLDER + ); const [draftMediaUrls, setDraftMediaUrls] = useState([]); const [useCustomImage, setUseCustomImage] = useState(false); const [postVisibility, setPostVisibility] = useState("public"); @@ -1036,8 +1040,11 @@ export default function MapView({ setDraftSource(""); setDraftPublishedAt(""); setDraftImage(""); + setDraftImageSmall(""); + setDraftImageMedium(""); + setDraftImageLarge(""); setDraftImageFile(null); - setDraftImagePreview(""); + setDraftImagePreview(LINK_PREVIEW_PLACEHOLDER); setDraftMediaUrls([]); setUseCustomImage(false); setPostVisibility("public"); @@ -1254,6 +1261,9 @@ export default function MapView({ const title = (data.title || "").trim(); const desc = (data.description || "").trim(); const image = (data.image || "").trim(); + const isPlaceholder = + data.image_placeholder || + (image && image === LINK_PREVIEW_PLACEHOLDER); if (!titleTouched && title) setDraftTitle(title); if (!bodyTouched && desc) setDraftBody(desc); @@ -1261,10 +1271,15 @@ export default function MapView({ if (data.source) setDraftSource(String(data.source)); if (data.published_at) setDraftPublishedAt(String(data.published_at)); - if (!imageTouched && image) { - setUseCustomImage(true); - if (!draftImageFile && !draftImagePreview) { - addMediaUrlToGallery(image); + if (!imageTouched) { + if (image && !isPlaceholder) { + setUseCustomImage(true); + if (!draftImageFile && !draftImagePreview) { + addMediaUrlToGallery(image); + } + } else { + setUseCustomImage(false); + setDraftImagePreview(LINK_PREVIEW_PLACEHOLDER); } } } catch (err) {