mirror of
https://github.com/yattee/yattee.git
synced 2024-12-22 21:43:41 +00:00
Refactor views
This commit is contained in:
parent
314c3b4968
commit
417ed0a8ee
@ -7,21 +7,7 @@ struct ChannelView: View {
|
|||||||
@Binding var tabSelection: TabSelection
|
@Binding var tabSelection: TabSelection
|
||||||
|
|
||||||
var body: some View {
|
var body: some View {
|
||||||
Group {
|
VideosView(state: state, tabSelection: $tabSelection, videos: videos)
|
||||||
List {
|
|
||||||
ForEach(videos) { video in
|
|
||||||
VideoThumbnailView(video: video)
|
|
||||||
.contextMenu {
|
|
||||||
Button("Close \(video.author) channel", action: {
|
|
||||||
state.closeChannel()
|
|
||||||
tabSelection = .popular
|
|
||||||
})
|
|
||||||
}
|
|
||||||
.listRowInsets(listRowInsets)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.listStyle(GroupedListStyle())
|
|
||||||
}
|
|
||||||
.task {
|
.task {
|
||||||
async {
|
async {
|
||||||
provider.load()
|
provider.load()
|
||||||
@ -43,10 +29,3 @@ struct ChannelView: View {
|
|||||||
return provider.videos
|
return provider.videos
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
|
||||||
// struct ChannelView_Previews: PreviewProvider {
|
|
||||||
// static var previews: some View {
|
|
||||||
// ChannelView()
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
@ -3,24 +3,11 @@ import SwiftUI
|
|||||||
struct PopularVideosView: View {
|
struct PopularVideosView: View {
|
||||||
@ObservedObject private var provider = PopularVideosProvider()
|
@ObservedObject private var provider = PopularVideosProvider()
|
||||||
@ObservedObject var state: AppState
|
@ObservedObject var state: AppState
|
||||||
|
|
||||||
@Binding var tabSelection: TabSelection
|
@Binding var tabSelection: TabSelection
|
||||||
|
|
||||||
var body: some View {
|
var body: some View {
|
||||||
Group {
|
VideosView(state: state, tabSelection: $tabSelection, videos: videos)
|
||||||
List {
|
|
||||||
ForEach(provider.videos) { video in
|
|
||||||
VideoThumbnailView(video: video)
|
|
||||||
.contextMenu {
|
|
||||||
Button("\(video.author) Channel", action: {
|
|
||||||
state.setChannel(from: video)
|
|
||||||
tabSelection = .channel
|
|
||||||
})
|
|
||||||
}
|
|
||||||
.listRowInsets(listRowInsets)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.listStyle(GroupedListStyle())
|
|
||||||
}
|
|
||||||
.task {
|
.task {
|
||||||
async {
|
async {
|
||||||
provider.load()
|
provider.load()
|
||||||
@ -28,7 +15,7 @@ struct PopularVideosView: View {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
var listRowInsets: EdgeInsets {
|
var videos: [Video] {
|
||||||
EdgeInsets(top: .zero, leading: .zero, bottom: .zero, trailing: 30)
|
return provider.videos
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -2,17 +2,32 @@ import SwiftUI
|
|||||||
|
|
||||||
struct SearchView: View {
|
struct SearchView: View {
|
||||||
@ObservedObject private var provider = SearchedVideosProvider()
|
@ObservedObject private var provider = SearchedVideosProvider()
|
||||||
|
@ObservedObject var state: AppState
|
||||||
|
|
||||||
|
@Binding var tabSelection: TabSelection
|
||||||
|
|
||||||
@State var query = ""
|
@State var query = ""
|
||||||
|
|
||||||
var body: some View {
|
var body: some View {
|
||||||
SearchedVideosView(provider: provider, query: $query)
|
VideosView(state: state, tabSelection: $tabSelection, videos: videos)
|
||||||
.searchable(text: $query)
|
.searchable(text: $query)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var videos: [Video] {
|
||||||
|
var newQuery = query
|
||||||
|
|
||||||
|
if let url = URLComponents(string: query),
|
||||||
|
let queryItem = url.queryItems?.first(where: { item in item.name == "v" }),
|
||||||
|
let id = queryItem.value
|
||||||
|
{
|
||||||
|
newQuery = id
|
||||||
}
|
}
|
||||||
|
|
||||||
struct SearchView_Previews: PreviewProvider {
|
if newQuery != provider.query {
|
||||||
static var previews: some View {
|
provider.query = newQuery
|
||||||
SearchView()
|
provider.load()
|
||||||
|
}
|
||||||
|
|
||||||
|
return provider.videos
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,47 +0,0 @@
|
|||||||
import SwiftUI
|
|
||||||
|
|
||||||
struct SearchedVideosView: View {
|
|
||||||
@ObservedObject var provider = SearchedVideosProvider()
|
|
||||||
|
|
||||||
@Binding var query: String
|
|
||||||
|
|
||||||
var body: some View {
|
|
||||||
Group {
|
|
||||||
List {
|
|
||||||
ForEach(videos) { video in
|
|
||||||
VideoThumbnailView(video: video)
|
|
||||||
.listRowInsets(listRowInsets)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.listStyle(GroupedListStyle())
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var listRowInsets: EdgeInsets {
|
|
||||||
EdgeInsets(top: .zero, leading: .zero, bottom: .zero, trailing: 30)
|
|
||||||
}
|
|
||||||
|
|
||||||
var videos: [Video] {
|
|
||||||
var newQuery = query
|
|
||||||
|
|
||||||
if let url = URLComponents(string: query),
|
|
||||||
let queryItem = url.queryItems?.first(where: { item in item.name == "v" }),
|
|
||||||
let id = queryItem.value
|
|
||||||
{
|
|
||||||
newQuery = id
|
|
||||||
}
|
|
||||||
|
|
||||||
if newQuery != provider.query {
|
|
||||||
provider.query = newQuery
|
|
||||||
provider.load()
|
|
||||||
}
|
|
||||||
|
|
||||||
return provider.videos
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// struct SearchedVideosView_Previews: PreviewProvider {
|
|
||||||
// static var previews: some View {
|
|
||||||
// SearchedVideosView()
|
|
||||||
// }
|
|
||||||
// }
|
|
46
Apple TV/VideosView.swift
Normal file
46
Apple TV/VideosView.swift
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
import SwiftUI
|
||||||
|
|
||||||
|
struct VideosView: View {
|
||||||
|
@ObservedObject var state: AppState
|
||||||
|
|
||||||
|
@Binding var tabSelection: TabSelection
|
||||||
|
|
||||||
|
var videos: [Video]
|
||||||
|
|
||||||
|
var body: some View {
|
||||||
|
Group {
|
||||||
|
List {
|
||||||
|
ForEach(videos) { video in
|
||||||
|
VideoThumbnailView(video: video)
|
||||||
|
.contextMenu {
|
||||||
|
if state.showingChannel {
|
||||||
|
closeChannelButton(name: video.author)
|
||||||
|
} else {
|
||||||
|
openChannelButton(from: video)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.listRowInsets(listRowInsets)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.listStyle(GroupedListStyle())
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func closeChannelButton(name: String) -> some View {
|
||||||
|
Button("Close \(name) Channel", action: {
|
||||||
|
state.closeChannel()
|
||||||
|
tabSelection = .popular
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
func openChannelButton(from video: Video) -> some View {
|
||||||
|
Button("\(video.author) Channel", action: {
|
||||||
|
state.openChannel(from: video)
|
||||||
|
tabSelection = .channel
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
var listRowInsets: EdgeInsets {
|
||||||
|
EdgeInsets(top: .zero, leading: .zero, bottom: .zero, trailing: 30)
|
||||||
|
}
|
||||||
|
}
|
@ -5,7 +5,7 @@ class AppState: ObservableObject {
|
|||||||
@Published var channelID: String?
|
@Published var channelID: String?
|
||||||
@Published var channel: String?
|
@Published var channel: String?
|
||||||
|
|
||||||
func setChannel(from video: Video) {
|
func openChannel(from video: Video) {
|
||||||
channel = video.author
|
channel = video.author
|
||||||
channelID = video.channelID
|
channelID = video.channelID
|
||||||
showingChannel = true
|
showingChannel = true
|
||||||
|
@ -12,7 +12,6 @@
|
|||||||
37AAF2822673791F007FC770 /* SearchedVideosProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF2812673791F007FC770 /* SearchedVideosProvider.swift */; };
|
37AAF2822673791F007FC770 /* SearchedVideosProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF2812673791F007FC770 /* SearchedVideosProvider.swift */; };
|
||||||
37AAF2832673791F007FC770 /* SearchedVideosProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF2812673791F007FC770 /* SearchedVideosProvider.swift */; };
|
37AAF2832673791F007FC770 /* SearchedVideosProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF2812673791F007FC770 /* SearchedVideosProvider.swift */; };
|
||||||
37AAF2842673791F007FC770 /* SearchedVideosProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF2812673791F007FC770 /* SearchedVideosProvider.swift */; };
|
37AAF2842673791F007FC770 /* SearchedVideosProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF2812673791F007FC770 /* SearchedVideosProvider.swift */; };
|
||||||
37AAF28826737A13007FC770 /* SearchedVideosView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF28726737A13007FC770 /* SearchedVideosView.swift */; };
|
|
||||||
37AAF28A2673AB89007FC770 /* ChannelView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF2892673AB89007FC770 /* ChannelView.swift */; };
|
37AAF28A2673AB89007FC770 /* ChannelView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF2892673AB89007FC770 /* ChannelView.swift */; };
|
||||||
37AAF28C2673ABD3007FC770 /* ChannelVideosProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF28B2673ABD3007FC770 /* ChannelVideosProvider.swift */; };
|
37AAF28C2673ABD3007FC770 /* ChannelVideosProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF28B2673ABD3007FC770 /* ChannelVideosProvider.swift */; };
|
||||||
37AAF28D2673ABD3007FC770 /* ChannelVideosProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF28B2673ABD3007FC770 /* ChannelVideosProvider.swift */; };
|
37AAF28D2673ABD3007FC770 /* ChannelVideosProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF28B2673ABD3007FC770 /* ChannelVideosProvider.swift */; };
|
||||||
@ -23,6 +22,7 @@
|
|||||||
37AAF2942674086B007FC770 /* TabSelection.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF2932674086B007FC770 /* TabSelection.swift */; };
|
37AAF2942674086B007FC770 /* TabSelection.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF2932674086B007FC770 /* TabSelection.swift */; };
|
||||||
37AAF2952674086B007FC770 /* TabSelection.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF2932674086B007FC770 /* TabSelection.swift */; };
|
37AAF2952674086B007FC770 /* TabSelection.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF2932674086B007FC770 /* TabSelection.swift */; };
|
||||||
37AAF2962674086B007FC770 /* TabSelection.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF2932674086B007FC770 /* TabSelection.swift */; };
|
37AAF2962674086B007FC770 /* TabSelection.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF2932674086B007FC770 /* TabSelection.swift */; };
|
||||||
|
37AAF29A26740A01007FC770 /* VideosView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37AAF29926740A01007FC770 /* VideosView.swift */; };
|
||||||
37D4B0D92671614900C925CA /* Tests_iOS.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37D4B0D82671614900C925CA /* Tests_iOS.swift */; };
|
37D4B0D92671614900C925CA /* Tests_iOS.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37D4B0D82671614900C925CA /* Tests_iOS.swift */; };
|
||||||
37D4B0E32671614900C925CA /* Tests_macOS.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37D4B0E22671614900C925CA /* Tests_macOS.swift */; };
|
37D4B0E32671614900C925CA /* Tests_macOS.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37D4B0E22671614900C925CA /* Tests_macOS.swift */; };
|
||||||
37D4B0E42671614900C925CA /* PearvidiousApp.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37D4B0C22671614700C925CA /* PearvidiousApp.swift */; };
|
37D4B0E42671614900C925CA /* PearvidiousApp.swift in Sources */ = {isa = PBXBuildFile; fileRef = 37D4B0C22671614700C925CA /* PearvidiousApp.swift */; };
|
||||||
@ -84,11 +84,11 @@
|
|||||||
37AAF27D26737323007FC770 /* PopularVideosView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PopularVideosView.swift; sourceTree = "<group>"; };
|
37AAF27D26737323007FC770 /* PopularVideosView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PopularVideosView.swift; sourceTree = "<group>"; };
|
||||||
37AAF27F26737550007FC770 /* SearchView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SearchView.swift; sourceTree = "<group>"; };
|
37AAF27F26737550007FC770 /* SearchView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SearchView.swift; sourceTree = "<group>"; };
|
||||||
37AAF2812673791F007FC770 /* SearchedVideosProvider.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SearchedVideosProvider.swift; sourceTree = "<group>"; };
|
37AAF2812673791F007FC770 /* SearchedVideosProvider.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SearchedVideosProvider.swift; sourceTree = "<group>"; };
|
||||||
37AAF28726737A13007FC770 /* SearchedVideosView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SearchedVideosView.swift; sourceTree = "<group>"; };
|
|
||||||
37AAF2892673AB89007FC770 /* ChannelView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ChannelView.swift; sourceTree = "<group>"; };
|
37AAF2892673AB89007FC770 /* ChannelView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ChannelView.swift; sourceTree = "<group>"; };
|
||||||
37AAF28B2673ABD3007FC770 /* ChannelVideosProvider.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ChannelVideosProvider.swift; sourceTree = "<group>"; };
|
37AAF28B2673ABD3007FC770 /* ChannelVideosProvider.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ChannelVideosProvider.swift; sourceTree = "<group>"; };
|
||||||
37AAF28F26740715007FC770 /* AppState.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppState.swift; sourceTree = "<group>"; };
|
37AAF28F26740715007FC770 /* AppState.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppState.swift; sourceTree = "<group>"; };
|
||||||
37AAF2932674086B007FC770 /* TabSelection.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TabSelection.swift; sourceTree = "<group>"; };
|
37AAF2932674086B007FC770 /* TabSelection.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TabSelection.swift; sourceTree = "<group>"; };
|
||||||
|
37AAF29926740A01007FC770 /* VideosView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = VideosView.swift; sourceTree = "<group>"; };
|
||||||
37D4B0C22671614700C925CA /* PearvidiousApp.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PearvidiousApp.swift; sourceTree = "<group>"; };
|
37D4B0C22671614700C925CA /* PearvidiousApp.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PearvidiousApp.swift; sourceTree = "<group>"; };
|
||||||
37D4B0C32671614700C925CA /* ContentView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ContentView.swift; sourceTree = "<group>"; };
|
37D4B0C32671614700C925CA /* ContentView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ContentView.swift; sourceTree = "<group>"; };
|
||||||
37D4B0C42671614800C925CA /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
|
37D4B0C42671614800C925CA /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
|
||||||
@ -220,8 +220,8 @@
|
|||||||
37AAF27D26737323007FC770 /* PopularVideosView.swift */,
|
37AAF27D26737323007FC770 /* PopularVideosView.swift */,
|
||||||
37AAF2892673AB89007FC770 /* ChannelView.swift */,
|
37AAF2892673AB89007FC770 /* ChannelView.swift */,
|
||||||
37AAF27F26737550007FC770 /* SearchView.swift */,
|
37AAF27F26737550007FC770 /* SearchView.swift */,
|
||||||
37AAF28726737A13007FC770 /* SearchedVideosView.swift */,
|
|
||||||
37D4B1822671681B00C925CA /* PlayerView.swift */,
|
37D4B1822671681B00C925CA /* PlayerView.swift */,
|
||||||
|
37AAF29926740A01007FC770 /* VideosView.swift */,
|
||||||
37D4B18B26717B3800C925CA /* VideoThumbnailView.swift */,
|
37D4B18B26717B3800C925CA /* VideoThumbnailView.swift */,
|
||||||
37D4B1AE26729DEB00C925CA /* Info.plist */,
|
37D4B1AE26729DEB00C925CA /* Info.plist */,
|
||||||
37D4B15E267164AF00C925CA /* Assets.xcassets */,
|
37D4B15E267164AF00C925CA /* Assets.xcassets */,
|
||||||
@ -533,13 +533,13 @@
|
|||||||
37AAF28026737550007FC770 /* SearchView.swift in Sources */,
|
37AAF28026737550007FC770 /* SearchView.swift in Sources */,
|
||||||
37D4B19526717CE100C925CA /* PopularVideosProvider.swift in Sources */,
|
37D4B19526717CE100C925CA /* PopularVideosProvider.swift in Sources */,
|
||||||
37D4B1842671684E00C925CA /* PlayerView.swift in Sources */,
|
37D4B1842671684E00C925CA /* PlayerView.swift in Sources */,
|
||||||
37AAF28826737A13007FC770 /* SearchedVideosView.swift in Sources */,
|
|
||||||
37D4B1802671650A00C925CA /* PearvidiousApp.swift in Sources */,
|
37D4B1802671650A00C925CA /* PearvidiousApp.swift in Sources */,
|
||||||
37D4B1B22672A01000C925CA /* DataProvider.swift in Sources */,
|
37D4B1B22672A01000C925CA /* DataProvider.swift in Sources */,
|
||||||
37AAF29226740715007FC770 /* AppState.swift in Sources */,
|
37AAF29226740715007FC770 /* AppState.swift in Sources */,
|
||||||
37D4B18E26717B3800C925CA /* VideoThumbnailView.swift in Sources */,
|
37D4B18E26717B3800C925CA /* VideoThumbnailView.swift in Sources */,
|
||||||
37D4B1B62672A30700C925CA /* VideoDetailsProvider.swift in Sources */,
|
37D4B1B62672A30700C925CA /* VideoDetailsProvider.swift in Sources */,
|
||||||
37AAF27E26737323007FC770 /* PopularVideosView.swift in Sources */,
|
37AAF27E26737323007FC770 /* PopularVideosView.swift in Sources */,
|
||||||
|
37AAF29A26740A01007FC770 /* VideosView.swift in Sources */,
|
||||||
37AAF2962674086B007FC770 /* TabSelection.swift in Sources */,
|
37AAF2962674086B007FC770 /* TabSelection.swift in Sources */,
|
||||||
37AAF28A2673AB89007FC770 /* ChannelView.swift in Sources */,
|
37AAF28A2673AB89007FC770 /* ChannelView.swift in Sources */,
|
||||||
37AAF28E2673ABD3007FC770 /* ChannelVideosProvider.swift in Sources */,
|
37AAF28E2673ABD3007FC770 /* ChannelVideosProvider.swift in Sources */,
|
||||||
|
@ -18,7 +18,7 @@ struct ContentView: View {
|
|||||||
.tag(TabSelection.channel)
|
.tag(TabSelection.channel)
|
||||||
}
|
}
|
||||||
|
|
||||||
SearchView()
|
SearchView(state: state, tabSelection: $tabSelection)
|
||||||
.tabItem { Image(systemName: "magnifyingglass") }
|
.tabItem { Image(systemName: "magnifyingglass") }
|
||||||
.tag(TabSelection.search)
|
.tag(TabSelection.search)
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user