jellyflood/JellyfinPlayer tvOS/Views/ItemView/CinematicItemView/CinematicItemViewTopRowButton.swift

//
 /* 
  * SwiftFin is subject to the terms of the Mozilla Public
  * License, v2.0. If a copy of the MPL was not distributed with this
  * file, you can obtain one at https://mozilla.org/MPL/2.0/.
  *
  * Copyright 2021 Aiden Vigue & Jellyfin Contributors
  */

import SwiftUI

struct CinematicItemViewTopRowButton<Content: View>: View {
    @Environment(\.isFocused) var envFocused: Bool
    @State var focused: Bool = false
    @State var wrappedScrollView: UIScrollView?
    var content: () -> Content
    
    @FocusState private var buttonFocused: Bool
    
    var body: some View {
        content()
            .focused($buttonFocused)
            .onChange(of: envFocused) { envFocus in
                if envFocus == true {
                    wrappedScrollView?.scrollToTop()
                    DispatchQueue.main.asyncAfter(deadline: .now() + 0.01) {
                        wrappedScrollView?.scrollToTop()
                    }
                }

                withAnimation(.linear(duration: 0.15)) {
                    self.focused = envFocus
                }
            }
            .onChange(of: buttonFocused) { newValue in
                if newValue {
                    wrappedScrollView?.scrollToTop()
                    DispatchQueue.main.asyncAfter(deadline: .now() + 0.01) {
                        wrappedScrollView?.scrollToTop()
                    }
                    
                    withAnimation(.linear(duration: 0.15)) {
                        self.focused = newValue
                    }
                }
            }
    }
}