Fix VLC video download progress UI

swiftchan/ViewModels/VLCVideoViewModel.swift

@@ -5,15 +5,25 @@
 //  Created on 2/1/21.
 //
 import SwiftUI
+import Combine
 import MobileVLCKit
 
 @MainActor
 @Observable
 class VLCVideoViewModel {
     private(set) var video: VLCVideo
+    private var cancellables: Set<AnyCancellable> = []
 
     init(url: URL) {
         video = VLCVideo(url: url)
+        video.downloadProgress
+            .publisher(for: \.fractionCompleted)
+            .receive(on: RunLoop.main)
+            .sink { [weak self] _ in
+                guard let self else { return }
+                self.video = self.video.with(downloadProgress: self.video.downloadProgress)
+            }
+            .store(in: &cancellables)
     }
 
     func download() async throws {

swiftchan/Views/Media/VLC/VLCContainerView.swift

@@ -37,12 +37,11 @@ struct VLCContainerView: View {
 
             if !vlcVideoViewModel.video.downloadProgress.isFinished {
                 VStack {
-                    ProgressView(value: vlcVideoViewModel.video.downloadProgress.fractionCompleted)
-                        .progressViewStyle(.linear)
-                        .padding()
-
+                    Text("Downloading")
+                        .foregroundColor(.white)
                     Text("\(Int(vlcVideoViewModel.video.downloadProgress.fractionCompleted * 100))%")
                         .foregroundColor(.white)
+                        .font(.title)
                 }
             }
             if vlcVideoViewModel.video.downloadProgress.isFinished && vlcVideoViewModel.video.mediaState == .buffering {