You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
4.1 KiB
96 lines
4.1 KiB
import SwiftUI
|
|
|
|
struct DetailsView: View {
|
|
|
|
@Binding var isModalPresented: Bool
|
|
var id: String
|
|
@StateObject private var viewModel: DetailsViewModel
|
|
|
|
init(isModalPresented: Binding<Bool>, id: String) {
|
|
self._isModalPresented = isModalPresented
|
|
self.id = id
|
|
self._viewModel = StateObject(wrappedValue: DetailsViewModel(id: id))
|
|
}
|
|
|
|
var body: some View {
|
|
GeometryReader { geometry in
|
|
ZStack(alignment: .bottom) {
|
|
VStack(alignment: .trailing) {
|
|
HStack{
|
|
Spacer()
|
|
Image("closeIcon")
|
|
.resizable()
|
|
.padding(8)
|
|
.frame(maxWidth: 40, maxHeight: 40)
|
|
.onTapGesture {
|
|
isModalPresented = false
|
|
}
|
|
}
|
|
Spacer()
|
|
}
|
|
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
|
.background(Color.green)
|
|
.transition(.slideInFromBottom(yOffset:0))
|
|
VStack(spacing: 0) {
|
|
VStack(alignment: .leading,spacing: 5){
|
|
HStack{
|
|
Spacer()
|
|
Text("proposé par " + (viewModel.betDetail?.bet.author.username ?? "Unknown").capitalized)
|
|
.font(.system(size: 10))
|
|
.foregroundColor(AllInColors.grey800Color)
|
|
|
|
}
|
|
Text(viewModel.betDetail?.bet.theme ?? "Not loaded")
|
|
.font(.system(size: 15))
|
|
.foregroundColor(AllInColors.grey800Color)
|
|
Text(viewModel.betDetail?.bet.phrase ?? "Not loaded")
|
|
.font(.system(size: 20))
|
|
.fontWeight(.bold)
|
|
.padding(.bottom, 10)
|
|
HStack{
|
|
Text("Commence le")
|
|
.frame(maxWidth: 100)
|
|
.font(.system(size: 15))
|
|
.foregroundColor(AllInColors.grey800Color)
|
|
TextCapsule(date: viewModel.betDetail?.bet.endRegisterDate ?? Date())
|
|
Spacer()
|
|
|
|
}.padding(.bottom, 10)
|
|
HStack{
|
|
Text("Fini le")
|
|
.frame(maxWidth: 100)
|
|
.font(.system(size: 15))
|
|
.foregroundColor(AllInColors.grey800Color)
|
|
TextCapsule(date: viewModel.betDetail?.bet.endBetDate ?? Date())
|
|
Spacer()
|
|
|
|
}
|
|
}
|
|
.frame(width: .infinity)
|
|
.padding(.all,15).padding(.vertical, 10)
|
|
.background(AllInColors.componentBackgroundColor)
|
|
.cornerRadius(20, corners: [.topLeft,.topRight]).padding(.bottom,0)
|
|
ResultBanner()
|
|
VStack(alignment: .leading, spacing: 2){
|
|
}
|
|
.frame(maxWidth: /*@START_MENU_TOKEN@*/.infinity/*@END_MENU_TOKEN@*/, maxHeight: .infinity)
|
|
.padding([.bottom,.trailing,.leading],8)
|
|
.background(AllInColors.underComponentBackgroundColor)
|
|
.border(width: 1, edges: [.top], color: AllInColors.delimiterGrey)
|
|
Spacer()
|
|
|
|
|
|
}
|
|
.frame(maxWidth: .infinity, maxHeight: geometry.size.height*0.98)
|
|
.background(AllInColors.componentBackgroundColor)
|
|
.cornerRadius(15)
|
|
ParticipateButton().padding(10)
|
|
}
|
|
.transition(.slideInFromBottom(yOffset: 800))
|
|
.background(Color.white)
|
|
|
|
.edgesIgnoringSafeArea(.bottom)
|
|
}
|
|
}
|
|
}
|