replace custom swipe logic with swiftUIs native .swipeactions (#251)

* replace custom swipe logic with swiftUIs native .swipeactions

* use uservars

* Fixed formatting and also watched status method

* add back the horizontal slider

* removed silly git text

---------

Co-authored-by: cranci1 <100066266+cranci1@users.noreply.github.com>

Sora/Views/MediaInfoView/EpisodeCell/EpisodeCell.swift

@@ -24,7 +24,6 @@ struct EpisodeCell: View {
     let tmdbID: Int?
     let seasonNumber: Int?
     
-    //receives the set of filler episode numbers (from MediaInfoView)
     let fillerEpisodes: Set<Int>?
     
     let isMultiSelectMode: Bool
@@ -47,6 +46,7 @@ struct EpisodeCell: View {
     @State private var isShowingActions: Bool = false
     @State private var actionButtonWidth: CGFloat = 60
     @State private var dragState: DragState = .inactive
+    @State private var dragStart: CGPoint?
     
     @State private var retryAttempts: Int = 0
     private var malIDFromParent: Int? { malID }
@@ -57,8 +57,8 @@ struct EpisodeCell: View {
     @EnvironmentObject var moduleManager: ModuleManager
     @Environment(\.colorScheme) private var colorScheme
     @AppStorage("selectedAppearance") private var selectedAppearance: Appearance = .system
+    @AppStorage("remainingTimePercentage") private var remainingTimePercentage: Double = 90.0
     
-    // Filler state (derived from passed-in fillerEpisodes)
     @State private var isFiller: Bool = false
     
     init(
@@ -114,14 +114,9 @@ struct EpisodeCell: View {
     }
     
     var body: some View {
-        ZStack {
-            actionButtonsBackground
-            
         episodeCellContent
-        }
             .onAppear {
                 setupOnAppear()
-            // set filler state based on passed-in set (if available)
                 let epNum = episodeID + 1
                 if let set = fillerEpisodes {
                     self.isFiller = set.contains(epNum)
@@ -171,6 +166,7 @@ private extension EpisodeCell {
     }
     
     var episodeCellContent: some View {
+        ZStack {
             HStack {
                 episodeThumbnail
                 episodeInfo
@@ -196,14 +192,64 @@ private extension EpisodeCell {
             .animation(.spring(response: 0.3, dampingFraction: 0.6), value: dragState.isActive)
             .contextMenu { contextMenuContent }
             .simultaneousGesture(
-            DragGesture(coordinateSpace: .local)
+                DragGesture(minimumDistance: 20, coordinateSpace: .local)
                     .onChanged { value in
+                        let translation = value.translation
+                        if abs(translation.width) > abs(translation.height) * 2.0 && abs(translation.width) > 30 {
                             handleDragChanged(value)
                         }
+                    }
                     .onEnded { value in
+                        let translation = value.translation
+                        if abs(translation.width) > abs(translation.height) * 2.0 && abs(translation.width) > 30 {
                             handleDragEnded(value)
+                        } else {
+                            dragStart = nil
+                            dragState = .inactive
+                        }
                     }
             )
+            .onTapGesture {
+                handleTap()
+            }
+
+            actionButtonsBackground
+        }
+        .contentShape(Rectangle())
+        .padding(.horizontal, 8)
+        .padding(.vertical, 8)
+        .frame(maxWidth: .infinity)
+        .background(cellBackground)
+        .clipShape(RoundedRectangle(cornerRadius: 15))
+        .contextMenu { contextMenuContent }
+        .swipeActions(edge: .trailing) {
+            
+            Button(action: { downloadEpisode() }) {
+                Label("Download", systemImage: "arrow.down.circle")
+            }
+            .tint(.blue)
+            
+            if progress <= remainingTimePercentage {
+                Button(action: { markAsWatched() }) {
+                    Label("Watched", systemImage: "checkmark.circle")
+                }
+                .tint(.green)
+            }
+            
+            if progress != 0 {
+                Button(action: { resetProgress() }) {
+                    Label("Reset", systemImage: "arrow.counterclockwise")
+                }
+                .tint(.orange)
+            }
+            
+            if episodeIndex > 0 {
+                Button(action: { onMarkAllPrevious() }) {
+                    Label("All Prev", systemImage: "checkmark.circle.fill")
+                }
+                .tint(.purple)
+            }
+        }
         .onTapGesture { handleTap() }
     }
     
@@ -285,7 +331,7 @@ private extension EpisodeCell {
     
     var contextMenuContent: some View {
         Group {
-            if progress <= 0.9 {
+            if progress <= remainingTimePercentage {
                 Button(action: markAsWatched) {
                     Label("Mark Episode as Watched", systemImage: "checkmark.circle")
                 }
@@ -320,7 +366,7 @@ private extension EpisodeCell {
                 closeActionsAndPerform { downloadEpisode() }
             }
             
-            if progress <= 0.9 {
+            if progress >= (remainingTimePercentage / 100.0) {
                 ActionButton(
                     icon: "checkmark.circle",
                     label: "Watched",
@@ -470,7 +516,7 @@ private extension EpisodeCell {
     func calculateMaxSwipeDistance() -> CGFloat {
         var buttonCount = 1
         
-        if progress <= 0.9 { buttonCount += 1 }
+        if progress >= (remainingTimePercentage / 100.0) { buttonCount += 1 }
         if progress != 0 { buttonCount += 1 }
         if episodeIndex > 0 { buttonCount += 1 }
         
@@ -495,7 +541,9 @@ private extension EpisodeCell {
             action()
         }
     }
+}
 
+private extension EpisodeCell {
     func markAsWatched() {
         let defaults = UserDefaults.standard
         let totalTime = 1000.0
@@ -521,7 +569,6 @@ private extension EpisodeCell {
         }
     }
     
-    
     func resetProgress() {
         let userDefaults = UserDefaults.standard
         userDefaults.set(0.0, forKey: "lastPlayedTime_\(episode)")
@@ -981,7 +1028,6 @@ private extension EpisodeCell {
         }.resume()
     }
     
-    
     func handleFetchFailure(error: Error) {
         Logger.shared.log("Episode details fetch error: \(error.localizedDescription)", type: "Error")