Fix cache issues with creator's logo and banner

backend/src/Web/Features/Contents/Handlers/ChangeBanner.cs

@@ -49,7 +49,7 @@ public class ChangeBannerHandler(
             request.File.ContentType,
             ct);
 
-        creator.Images.Banner = blobUrl;
+        creator.Images.Banner = $"{blobUrl}?t={DateTimeOffset.UtcNow.ToUnixTimeMilliseconds()}";
 
         await context.SaveChangesAsync(ct);
 

backend/src/Web/Features/Contents/Handlers/ChangeLogo.cs

@@ -8,6 +8,10 @@ public record ChangeLogoRequest(
     Guid CreatorId,
     IFormFile File);
 
+[PublicAPI]
+public record ChangeLogoResponse(
+    string BlobUrl);
+
 [PublicAPI]
 public sealed class ChangeLogoRequestValidator : Validator<ChangeLogoRequest>
 {
@@ -61,10 +65,12 @@ public class ChangeLogoHandler(
             request.File.ContentType,
             ct);
 
-        creator.Images.Logo = blobUrl;
+        creator.Images.Logo = $"{blobUrl}?t={DateTimeOffset.UtcNow.ToUnixTimeMilliseconds()}";
 
         await context.SaveChangesAsync(ct);
 
-        await SendOkAsync(blobUrl, ct);
+        await SendOkAsync(
+            new ChangeLogoResponse(blobUrl),
+            ct);
     }
 }

frontend/src/views/creators/BannerEditor.vue

@@ -68,12 +68,12 @@ const publish = async () => {
     const formData = new FormData()
     formData.append('file', selectedFile.value)
 
-    await client.post(
+    const response = await client.post(
         `/api/creators/${props.creator.id}/banner`,
         formData
     )
 
-    props.creator.images.banner = fileUrl
+    props.creator.images.banner = `${response.data.blobUrl}?t=${Date.now()}`
     emits('closeRequested')
   } catch (error) {
     console.error(error)

frontend/src/views/creators/CreatorLogoEditor.vue

@@ -70,11 +70,11 @@ const publish = async () => {
     const formData = new FormData();
     formData.append('file', selectedFile.value)
 
-    await client.post(
+    const response = await client.post(
         `/api/creators/${props.creator.id}/logo`,
         formData)
 
-    props.creator.images.logo = fileUrl.value;
+    props.creator.images.logo = `${response.data.blobUrl}?t=${Date.now()}`;
     emits('closeRequested');
   } catch (error) {
     console.error(error)