Address tasks not automatically cancelling themselves when views get …

…deallocated

ElementX/Sources/Other/SwiftUI/Views/LoadableImage.swift

@@ -114,14 +114,6 @@ private struct LoadableImageContent<TransformerView: View, PlaceholderView: View
     }
 
     var body: some View {
-        let _ = Task {
-            guard contentLoader.content == nil else {
-                return
-            }
-
-            await contentLoader.load()
-        }
-
         ZStack {
             switch contentLoader.content {
             case .image(let image):
@@ -141,6 +133,20 @@ private struct LoadableImageContent<TransformerView: View, PlaceholderView: View
             }
         }
         .animation(mediaType == .avatar ? .noAnimation : .elementDefault, value: contentLoader.content)
+        .task(id: mediaSource) {
+            guard contentLoader.content == nil else {
+                return
+            }
+
+            await contentLoader.load()
+        }
+        .onDisappear {
+            guard contentLoader.content == nil else {
+                return
+            }
+
+            contentLoader.cancel()
+        }
     }
 
     // MARK: - ImageDataProvider
@@ -214,6 +220,10 @@ private class ContentLoader: ObservableObject {
         }
     }
 
+    func cancel() {
+        imageLoadingCancellable?.cancel()
+    }
+
     private var isGIF: Bool {
         mediaSource.mimeType == "image/gif"
     }