|
|
|
@ -38,57 +38,109 @@ struct BetLineLoading: View {
|
|
|
|
|
GeometryReader { geometry in
|
|
|
|
|
VStack(alignment: .leading,spacing: 0){
|
|
|
|
|
HStack(spacing: 5){
|
|
|
|
|
Text("OUI").font(.system(size: 25)).fontWeight(.bold).foregroundColor(AllInColors.blue200)
|
|
|
|
|
Text("OUI")
|
|
|
|
|
.font(.system(size: 25))
|
|
|
|
|
.fontWeight(.bold)
|
|
|
|
|
.foregroundColor(AllInColors.blue200)
|
|
|
|
|
Spacer()
|
|
|
|
|
Text("NON").font(.system(size: 25)).fontWeight(.bold).foregroundColor(AllInColors.pink100)
|
|
|
|
|
Text("NON")
|
|
|
|
|
.font(.system(size: 25))
|
|
|
|
|
.fontWeight(.bold)
|
|
|
|
|
.foregroundColor(AllInColors.pink100)
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
ZStack(alignment: .leading) {
|
|
|
|
|
HStack{
|
|
|
|
|
Spacer()
|
|
|
|
|
Rectangle().frame(width: min(CGFloat(1-self.value)*geometry.size.width, geometry.size.width), height: 17)
|
|
|
|
|
Rectangle()
|
|
|
|
|
.frame(width: min(CGFloat(1-self.value)*geometry.size.width, geometry.size.width), height: 17)
|
|
|
|
|
.foregroundStyle(AllInColors.PinkBetGradiant).cornerRadius(999)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
HStack(spacing: 0){
|
|
|
|
|
Rectangle().frame(width: min(CGFloat(self.value)*geometry.size.width, geometry.size.width), height: 17)
|
|
|
|
|
.foregroundStyle(AllInColors.BlueBetGradiant).cornerRadius(999)
|
|
|
|
|
Rectangle()
|
|
|
|
|
.frame(width: min(CGFloat(self.value)*geometry.size.width, geometry.size.width), height: 17)
|
|
|
|
|
.foregroundStyle(AllInColors.BlueBetGradiant)
|
|
|
|
|
.cornerRadius(999)
|
|
|
|
|
.animation(.linear)
|
|
|
|
|
Image("LoadingHeart").resizable().frame(width: 29, height: 32).padding(.leading, -10)
|
|
|
|
|
Image("loadingHeartIcon")
|
|
|
|
|
.resizable()
|
|
|
|
|
.frame(width: 29, height: 32)
|
|
|
|
|
.padding(.leading, -10)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
VStack(spacing: 1){
|
|
|
|
|
HStack(spacing: 5){
|
|
|
|
|
Image("BlueAllCoinIcon").resizable().frame(width:12, height: 12)
|
|
|
|
|
Text(yesParticipations.reduce(0, {x,y in x + y.stake}).description).font(.system(size: 15)).fontWeight(.bold).foregroundColor(AllInColors.blue200)
|
|
|
|
|
Image("blueAllCoinIcon")
|
|
|
|
|
.resizable()
|
|
|
|
|
.frame(width:12, height: 12)
|
|
|
|
|
Text(yesParticipations.reduce(0, {x,y in x + y.stake}).description)
|
|
|
|
|
.font(.system(size: 15))
|
|
|
|
|
.fontWeight(.bold)
|
|
|
|
|
.foregroundColor(AllInColors.blue200)
|
|
|
|
|
Spacer()
|
|
|
|
|
Text(noParticipations.reduce(0, {x,y in x + y.stake}).description).font(.system(size: 15)).fontWeight(.bold).foregroundColor(AllInColors.pink100)
|
|
|
|
|
Image("PinkAllCoinIcon").resizable().frame(width:10, height: 14)
|
|
|
|
|
Text(noParticipations.reduce(0, {x,y in x + y.stake}).description)
|
|
|
|
|
.font(.system(size: 15))
|
|
|
|
|
.fontWeight(.bold)
|
|
|
|
|
.foregroundColor(AllInColors.pink100)
|
|
|
|
|
Image("pinkAllCoinIcon")
|
|
|
|
|
.resizable()
|
|
|
|
|
.frame(width:10, height: 14)
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
HStack(spacing: 5){
|
|
|
|
|
Image("BluePersonIcon").resizable().frame(width:14, height: 12)
|
|
|
|
|
Text(yesParticipations.count.description).font(.system(size: 15)).fontWeight(.bold).foregroundColor(AllInColors.blue200)
|
|
|
|
|
Image("bluePersonIcon")
|
|
|
|
|
.resizable()
|
|
|
|
|
.frame(width:14, height: 12)
|
|
|
|
|
Text(yesParticipations.count.description)
|
|
|
|
|
.font(.system(size: 15))
|
|
|
|
|
.fontWeight(.bold)
|
|
|
|
|
.foregroundColor(AllInColors.blue200)
|
|
|
|
|
Spacer()
|
|
|
|
|
Text(noParticipations.count.description).font(.system(size: 15)).fontWeight(.bold).foregroundColor(AllInColors.pink100)
|
|
|
|
|
Image("PinkPersonIcon").resizable().frame(width:10, height: 14)
|
|
|
|
|
Text(noParticipations.count.description)
|
|
|
|
|
.font(.system(size: 15))
|
|
|
|
|
.fontWeight(.bold)
|
|
|
|
|
.foregroundColor(AllInColors.pink100)
|
|
|
|
|
Image("pinkPersonIcon")
|
|
|
|
|
.resizable()
|
|
|
|
|
.frame(width:10, height: 14)
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
HStack(spacing: 5){
|
|
|
|
|
Image("BlueBadgeIcon").resizable().frame(width:10, height: 14)
|
|
|
|
|
Text(yesParticipations.max(by: { $0.stake < $1.stake })?.stake.description ?? "0").font(.system(size: 15)).fontWeight(.bold).foregroundColor(AllInColors.blue200)
|
|
|
|
|
Image("blueBadgeIcon")
|
|
|
|
|
.resizable()
|
|
|
|
|
.frame(width:10, height: 14)
|
|
|
|
|
Text(yesParticipations.max(by: { $0.stake < $1.stake })?.stake.description ?? "0")
|
|
|
|
|
.font(.system(size: 15))
|
|
|
|
|
.fontWeight(.bold)
|
|
|
|
|
.foregroundColor(AllInColors.blue200)
|
|
|
|
|
Spacer()
|
|
|
|
|
Text(noParticipations.max(by: { $0.stake < $1.stake })?.stake.description ?? "0").font(.system(size: 15)).fontWeight(.bold).foregroundColor(AllInColors.pink100)
|
|
|
|
|
Image("PinkBadgeIcon").resizable().frame(width:10, height: 14)
|
|
|
|
|
Text(noParticipations.max(by: { $0.stake < $1.stake })?.stake.description ?? "0")
|
|
|
|
|
.font(.system(size: 15))
|
|
|
|
|
.fontWeight(.bold)
|
|
|
|
|
.foregroundColor(AllInColors.pink100)
|
|
|
|
|
Image("pinkBadgeIcon")
|
|
|
|
|
.resizable()
|
|
|
|
|
.frame(width:10, height: 14)
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
HStack(spacing: 5){
|
|
|
|
|
Image("BlueTrophyIcon").resizable().frame(width:14, height: 13)
|
|
|
|
|
Text("1.2").font(.system(size: 15)).fontWeight(.bold).foregroundColor(AllInColors.blue200)
|
|
|
|
|
Image("blueTrophyIcon")
|
|
|
|
|
.resizable()
|
|
|
|
|
.frame(width:14, height: 13)
|
|
|
|
|
Text("1.2")
|
|
|
|
|
.font(.system(size: 15))
|
|
|
|
|
.fontWeight(.bold)
|
|
|
|
|
.foregroundColor(AllInColors.blue200)
|
|
|
|
|
Spacer()
|
|
|
|
|
Text("1.2").font(.system(size: 15)).fontWeight(.bold).foregroundColor(AllInColors.pink100)
|
|
|
|
|
Image("PinkTrophyIcon").resizable().frame(width:10, height: 14)
|
|
|
|
|
Text("1.2")
|
|
|
|
|
.font(.system(size: 15))
|
|
|
|
|
.fontWeight(.bold)
|
|
|
|
|
.foregroundColor(AllInColors.pink100)
|
|
|
|
|
Image("pinkTrophyIcon")
|
|
|
|
|
.resizable()
|
|
|
|
|
.frame(width:10, height: 14)
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|