mirror of
https://github.com/Dimillian/IceCubesApp.git
synced 2024-05-17 03:52:42 +00:00
349 lines
12 KiB
Swift
349 lines
12 KiB
Swift
import Account
|
|
import DesignSystem
|
|
import Env
|
|
import Models
|
|
import Network
|
|
import StatusKit
|
|
import SwiftUI
|
|
|
|
@MainActor
|
|
public struct ExploreView: View {
|
|
@Environment(Theme.self) private var theme
|
|
@Environment(Client.self) private var client
|
|
@Environment(RouterPath.self) private var routerPath
|
|
|
|
@State private var viewModel = ExploreViewModel()
|
|
|
|
@Binding var scrollToTopSignal: Int
|
|
|
|
public init(scrollToTopSignal: Binding<Int>) {
|
|
_scrollToTopSignal = scrollToTopSignal
|
|
}
|
|
|
|
public var body: some View {
|
|
ScrollViewReader { proxy in
|
|
List {
|
|
scrollToTopView
|
|
.padding(.bottom, 4)
|
|
if !viewModel.isLoaded {
|
|
quickAccessView
|
|
.padding(.bottom, 5)
|
|
loadingView
|
|
} else if !viewModel.searchQuery.isEmpty {
|
|
if let results = viewModel.results[viewModel.searchQuery] {
|
|
if results.isEmpty, !viewModel.isSearching {
|
|
PlaceholderView(iconName: "magnifyingglass",
|
|
title: "explore.search.empty.title",
|
|
message: "explore.search.empty.message")
|
|
.listRowBackground(theme.secondaryBackgroundColor)
|
|
.listRowSeparator(.hidden)
|
|
} else {
|
|
makeSearchResultsView(results: results)
|
|
}
|
|
} else {
|
|
HStack {
|
|
Spacer()
|
|
ProgressView()
|
|
Spacer()
|
|
}
|
|
#if !os(visionOS)
|
|
.listRowBackground(theme.secondaryBackgroundColor)
|
|
#endif
|
|
.listRowSeparator(.hidden)
|
|
.id(UUID())
|
|
}
|
|
} else if viewModel.allSectionsEmpty {
|
|
PlaceholderView(iconName: "magnifyingglass",
|
|
title: "explore.search.title",
|
|
message: "explore.search.message-\(client.server)")
|
|
#if !os(visionOS)
|
|
.listRowBackground(theme.secondaryBackgroundColor)
|
|
#endif
|
|
.listRowSeparator(.hidden)
|
|
} else {
|
|
quickAccessView
|
|
.padding(.bottom, 4)
|
|
|
|
if !viewModel.trendingTags.isEmpty {
|
|
trendingTagsSection
|
|
}
|
|
if !viewModel.suggestedAccounts.isEmpty {
|
|
suggestedAccountsSection
|
|
}
|
|
if !viewModel.trendingStatuses.isEmpty {
|
|
trendingPostsSection
|
|
}
|
|
if !viewModel.trendingLinks.isEmpty {
|
|
trendingLinksSection
|
|
}
|
|
}
|
|
}
|
|
.environment(\.defaultMinListRowHeight, .scrollToViewHeight)
|
|
.task {
|
|
viewModel.client = client
|
|
await viewModel.fetchTrending()
|
|
}
|
|
.refreshable {
|
|
Task {
|
|
SoundEffectManager.shared.playSound(.pull)
|
|
HapticManager.shared.fireHaptic(.dataRefresh(intensity: 0.3))
|
|
await viewModel.fetchTrending()
|
|
HapticManager.shared.fireHaptic(.dataRefresh(intensity: 0.7))
|
|
SoundEffectManager.shared.playSound(.refresh)
|
|
}
|
|
}
|
|
.listStyle(.plain)
|
|
#if !os(visionOS)
|
|
.scrollContentBackground(.hidden)
|
|
.background(theme.secondaryBackgroundColor)
|
|
#endif
|
|
.navigationTitle("explore.navigation-title")
|
|
.navigationBarTitleDisplayMode(.inline)
|
|
.searchable(text: $viewModel.searchQuery,
|
|
isPresented: $viewModel.isSearchPresented,
|
|
placement: .navigationBarDrawer(displayMode: .always),
|
|
prompt: Text("explore.search.prompt"))
|
|
.searchScopes($viewModel.searchScope) {
|
|
ForEach(ExploreViewModel.SearchScope.allCases, id: \.self) { scope in
|
|
Text(scope.localizedString)
|
|
}
|
|
}
|
|
.task(id: viewModel.searchQuery) {
|
|
await viewModel.search()
|
|
}
|
|
.onChange(of: scrollToTopSignal) {
|
|
if viewModel.scrollToTopVisible {
|
|
viewModel.isSearchPresented.toggle()
|
|
} else {
|
|
withAnimation {
|
|
proxy.scrollTo(ScrollToView.Constants.scrollToTop, anchor: .top)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
private var quickAccessView: some View {
|
|
ScrollView(.horizontal) {
|
|
HStack {
|
|
Button("explore.section.trending.links") {
|
|
routerPath.navigate(to: RouterDestination.trendingLinks(cards: viewModel.trendingLinks))
|
|
}
|
|
.buttonStyle(.bordered)
|
|
Button("explore.section.trending.posts") {
|
|
routerPath.navigate(to: RouterDestination.trendingTimeline)
|
|
}
|
|
.buttonStyle(.bordered)
|
|
Button("explore.section.suggested-users") {
|
|
routerPath.navigate(to: RouterDestination.accountsList(accounts: viewModel.suggestedAccounts))
|
|
}
|
|
.buttonStyle(.bordered)
|
|
Button("explore.section.trending.tags") {
|
|
routerPath.navigate(to: RouterDestination.tagsList(tags: viewModel.trendingTags))
|
|
}
|
|
.buttonStyle(.bordered)
|
|
}
|
|
.padding(.horizontal, 16)
|
|
}
|
|
.scrollIndicators(.never)
|
|
.listRowInsets(EdgeInsets())
|
|
#if !os(visionOS)
|
|
.listRowBackground(theme.secondaryBackgroundColor)
|
|
#endif
|
|
.listRowSeparator(.hidden)
|
|
}
|
|
|
|
private var loadingView: some View {
|
|
ForEach(Status.placeholders()) { status in
|
|
StatusRowView(viewModel: .init(status: status, client: client, routerPath: routerPath))
|
|
.padding(.vertical, 8)
|
|
.redacted(reason: .placeholder)
|
|
.allowsHitTesting(false)
|
|
#if !os(visionOS)
|
|
.listRowBackground(theme.primaryBackgroundColor)
|
|
#endif
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
private func makeSearchResultsView(results: SearchResults) -> some View {
|
|
if !results.accounts.isEmpty, viewModel.searchScope == .all || viewModel.searchScope == .people {
|
|
Section("explore.section.users") {
|
|
ForEach(results.accounts) { account in
|
|
if let relationship = results.relationships.first(where: { $0.id == account.id }) {
|
|
AccountsListRow(viewModel: .init(account: account, relationShip: relationship))
|
|
#if !os(visionOS)
|
|
.listRowBackground(theme.primaryBackgroundColor)
|
|
#else
|
|
.listRowBackground(RoundedRectangle(cornerRadius: 8)
|
|
.foregroundStyle(.background).hoverEffect())
|
|
.listRowHoverEffectDisabled()
|
|
#endif
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if !results.hashtags.isEmpty, viewModel.searchScope == .all || viewModel.searchScope == .hashtags {
|
|
Section("explore.section.tags") {
|
|
ForEach(results.hashtags) { tag in
|
|
TagRowView(tag: tag)
|
|
#if !os(visionOS)
|
|
.listRowBackground(theme.primaryBackgroundColor)
|
|
#else
|
|
.listRowBackground(RoundedRectangle(cornerRadius: 8)
|
|
.foregroundStyle(.background).hoverEffect())
|
|
.listRowHoverEffectDisabled()
|
|
#endif
|
|
.padding(.vertical, 4)
|
|
}
|
|
}
|
|
}
|
|
if !results.statuses.isEmpty, viewModel.searchScope == .all || viewModel.searchScope == .posts {
|
|
Section("explore.section.posts") {
|
|
ForEach(results.statuses) { status in
|
|
StatusRowView(viewModel: .init(status: status, client: client, routerPath: routerPath))
|
|
#if !os(visionOS)
|
|
.listRowBackground(theme.primaryBackgroundColor)
|
|
#else
|
|
.listRowBackground(RoundedRectangle(cornerRadius: 8)
|
|
.foregroundStyle(.background).hoverEffect())
|
|
.listRowHoverEffectDisabled()
|
|
#endif
|
|
.padding(.vertical, 8)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
private var suggestedAccountsSection: some View {
|
|
Section("explore.section.suggested-users") {
|
|
ForEach(viewModel.suggestedAccounts
|
|
.prefix(upTo: viewModel.suggestedAccounts.count > 3 ? 3 : viewModel.suggestedAccounts.count))
|
|
{ account in
|
|
if let relationship = viewModel.suggestedAccountsRelationShips.first(where: { $0.id == account.id }) {
|
|
AccountsListRow(viewModel: .init(account: account, relationShip: relationship))
|
|
#if !os(visionOS)
|
|
.listRowBackground(theme.primaryBackgroundColor)
|
|
#else
|
|
.listRowBackground(RoundedRectangle(cornerRadius: 8)
|
|
.foregroundStyle(.background).hoverEffect())
|
|
.listRowHoverEffectDisabled()
|
|
#endif
|
|
}
|
|
}
|
|
NavigationLink(value: RouterDestination.accountsList(accounts: viewModel.suggestedAccounts)) {
|
|
Text("see-more")
|
|
.foregroundColor(theme.tintColor)
|
|
}
|
|
#if !os(visionOS)
|
|
.listRowBackground(theme.primaryBackgroundColor)
|
|
#else
|
|
.listRowBackground(RoundedRectangle(cornerRadius: 8)
|
|
.foregroundStyle(.background).hoverEffect())
|
|
.listRowHoverEffectDisabled()
|
|
#endif
|
|
}
|
|
}
|
|
|
|
private var trendingTagsSection: some View {
|
|
Section("explore.section.trending.tags") {
|
|
ForEach(viewModel.trendingTags
|
|
.prefix(upTo: viewModel.trendingTags.count > 5 ? 5 : viewModel.trendingTags.count))
|
|
{ tag in
|
|
TagRowView(tag: tag)
|
|
#if !os(visionOS)
|
|
.listRowBackground(theme.primaryBackgroundColor)
|
|
#else
|
|
.listRowBackground(RoundedRectangle(cornerRadius: 8)
|
|
.foregroundStyle(.background).hoverEffect())
|
|
.listRowHoverEffectDisabled()
|
|
#endif
|
|
.padding(.vertical, 4)
|
|
}
|
|
NavigationLink(value: RouterDestination.tagsList(tags: viewModel.trendingTags)) {
|
|
Text("see-more")
|
|
.foregroundColor(theme.tintColor)
|
|
}
|
|
#if !os(visionOS)
|
|
.listRowBackground(theme.primaryBackgroundColor)
|
|
#else
|
|
.listRowBackground(RoundedRectangle(cornerRadius: 8)
|
|
.foregroundStyle(.background).hoverEffect())
|
|
.listRowHoverEffectDisabled()
|
|
#endif
|
|
}
|
|
}
|
|
|
|
private var trendingPostsSection: some View {
|
|
Section("explore.section.trending.posts") {
|
|
ForEach(viewModel.trendingStatuses
|
|
.prefix(upTo: viewModel.trendingStatuses.count > 3 ? 3 : viewModel.trendingStatuses.count))
|
|
{ status in
|
|
StatusRowView(viewModel: .init(status: status, client: client, routerPath: routerPath))
|
|
#if !os(visionOS)
|
|
.listRowBackground(theme.primaryBackgroundColor)
|
|
#else
|
|
.listRowBackground(RoundedRectangle(cornerRadius: 8)
|
|
.foregroundStyle(.background).hoverEffect())
|
|
.listRowHoverEffectDisabled()
|
|
#endif
|
|
.padding(.vertical, 8)
|
|
}
|
|
|
|
NavigationLink(value: RouterDestination.trendingTimeline) {
|
|
Text("see-more")
|
|
.foregroundColor(theme.tintColor)
|
|
}
|
|
#if !os(visionOS)
|
|
.listRowBackground(theme.primaryBackgroundColor)
|
|
#else
|
|
.listRowBackground(RoundedRectangle(cornerRadius: 8)
|
|
.foregroundStyle(.background).hoverEffect())
|
|
.listRowHoverEffectDisabled()
|
|
#endif
|
|
}
|
|
}
|
|
|
|
private var trendingLinksSection: some View {
|
|
Section("explore.section.trending.links") {
|
|
ForEach(viewModel.trendingLinks
|
|
.prefix(upTo: viewModel.trendingLinks.count > 3 ? 3 : viewModel.trendingLinks.count))
|
|
{ card in
|
|
StatusRowCardView(card: card)
|
|
.environment(\.isCompact, true)
|
|
#if !os(visionOS)
|
|
.listRowBackground(theme.primaryBackgroundColor)
|
|
#else
|
|
.listRowBackground(RoundedRectangle(cornerRadius: 8)
|
|
.foregroundStyle(.background).hoverEffect())
|
|
.listRowHoverEffectDisabled()
|
|
#endif
|
|
.padding(.vertical, 8)
|
|
}
|
|
|
|
NavigationLink(value: RouterDestination.trendingLinks(cards: viewModel.trendingLinks)) {
|
|
Text("see-more")
|
|
.foregroundColor(theme.tintColor)
|
|
}
|
|
#if !os(visionOS)
|
|
.listRowBackground(theme.primaryBackgroundColor)
|
|
#else
|
|
.listRowBackground(RoundedRectangle(cornerRadius: 8)
|
|
.foregroundStyle(.background).hoverEffect())
|
|
.listRowHoverEffectDisabled()
|
|
#endif
|
|
}
|
|
}
|
|
|
|
private var scrollToTopView: some View {
|
|
ScrollToView()
|
|
.frame(height: .scrollToViewHeight)
|
|
.onAppear {
|
|
viewModel.scrollToTopVisible = true
|
|
}
|
|
.onDisappear {
|
|
viewModel.scrollToTopVisible = false
|
|
}
|
|
}
|
|
}
|