MarketView.swift

import SwiftUI
import PromiseKit
import LoadingState

struct MarketView: View {
	static let deckCellWidth: CGFloat = 165
	static let numberOfColumns =
		Int(SCREEN_SIZE.width) / Int(deckCellWidth)
	static let horizontalCellSpacing: CGFloat = 13
	static let verticalCellSpacing: CGFloat = 20
	static let horizontalPadding: CGFloat = 23
	
	enum FilterPopUpSideBarSelection {
		case topics
		case rating
		case downloads
	}
	
	@EnvironmentObject var currentStore: CurrentStore
	
	@State var selectedDeck: Deck! = nil
	@State var isDeckSelected = false
	
	@Binding var isSortPopUpShowing: Bool
	@Binding var isFilterPopUpShowing: Bool
	
	let searchText: String
	let setSearchText: (String) -> Void
	let searchResults: [Deck]
	let searchResultsLoadingState: LoadingState
	let loadSearchResults: (Bool) -> Void
	
	var content: some View {
		ForEach(searchResults) { deck in
			DeckCellWithGetButton(
				deck: deck,
				user: self.currentStore.user,
				width: SCREEN_SIZE.width - Self.horizontalPadding * 2,
				imageHeight: IS_IPAD ? 300 : 200,
				titleFontSize: 17
			)
			.onTapGesture {
				self.selectedDeck = deck
				self.isDeckSelected = true
			}
		}
	}
	
	var scrollView: some View {
		ScrollView(showsIndicators: false) {
			TryLazyVStack(spacing: Self.verticalCellSpacing) { self.content }
				.padding(.bottom, Self.horizontalPadding)
		}
	}
	
	var body: some View {
		GeometryReader { geometry in
			ZStack(alignment: .top) {
				HomeViewTopGradient(
					addedHeight: geometry.safeAreaInsets.top
				)
				.edgesIgnoringSafeArea(.all)
				VStack(spacing: 20) {
					Group {
						MarketViewTopControls(
							searchText: self.searchText,
							setSearchText: self.setSearchText
						)
						MarketViewTopButtons(
							isSortPopUpShowing: self.$isSortPopUpShowing,
							isFilterPopUpShowing: self.$isFilterPopUpShowing
						)
					}
					.padding(.horizontal, Self.horizontalPadding)
					if self.searchResultsLoadingState.isLoading && self.searchText.isEmpty {
						ActivityIndicator(color: .white)
						Spacer()
					} else {
						self.scrollView
					}
				}
				if self.isDeckSelected {
					NavigateTo(
						MarketDeckView()
							.environmentObject(self.selectedDeck!),
						when: self.$isDeckSelected
					)
				}
			}
		}
		.onAppear {
			self.loadSearchResults(false)
		}
	}
}

#if DEBUG
struct MarketView_Previews: PreviewProvider {
	static var previews: some View {
		MarketView(
			isSortPopUpShowing: .constant(false),
			isFilterPopUpShowing: .constant(true),
			searchText: "",
			setSearchText: { _ in },
			searchResults: [],
			searchResultsLoadingState: .none,
			loadSearchResults: { _ in }
		)
		.environmentObject(PREVIEW_CURRENT_STORE)
	}
}
#endif