fix media preview for uploads

src/api/client.js

@@ -101,6 +101,8 @@ async function resolveAssetRef(value) {
   return resolved[id] || value;
 }
 
+export { resolveAssetRef };
+
 async function resolveAssetRefsInPosts(posts) {
   if (!Array.isArray(posts) || posts.length === 0) return posts;
   const ids = [];

src/components/Map/MapView.jsx

@@ -5,7 +5,7 @@ import "../../styles/mapMarkers.css";
 import "../../styles/posts.css";
 import "../../styles/filters.css";
 
-import { createPost, fetchPostPreview } from "../../api/client";
+import { createPost, fetchPostPreview, resolveAssetRef } from "../../api/client";
 import {
   FILTER_MAIN_CATEGORIES,
   FILTER_CATEGORY_MAP,
@@ -1224,8 +1224,10 @@ export default function MapView({
         const fallbackRef = largeRef || mediumRef || smallRef;
         const selected = fallbackRef || mediumRef || smallRef;
         if (selected) {
-          replaceMediaUrl(placeholder, selected);
-          setDraftImagePreview(selected);
+          const resolved = await resolveAssetRef(selected);
+          const finalUrl = resolved || selected;
+          replaceMediaUrl(placeholder || selected, finalUrl);
+          setDraftImagePreview(finalUrl);
         }
       } catch (err) {
         console.error("Image upload error:", err);
@@ -1692,14 +1694,7 @@ export default function MapView({
                             <span>{formatPreviewDate(draftPublishedAt)}</span>
                           ) : null}
                         </div>
-                      </div>
-                    )}
-                    {draftMediaUrls.length > 0 && (
-                      <div className="create-image-gallery">
-                        <div className="create-gallery-title">
-                          {draftMediaUrls.length} image
-                          {draftMediaUrls.length > 1 ? "s" : ""}
-                        </div>
+                        {draftMediaUrls.length > 1 && (
                           <div className="create-gallery-items">
                             {draftMediaUrls.map((url, idx) => (
                               <figure key={`${url}-${idx}`} className="create-gallery-item">
@@ -1715,6 +1710,7 @@ export default function MapView({
                               </figure>
                             ))}
                           </div>
+                        )}
                       </div>
                     )}
                     <textarea