I am working on a shopping app with firestore as a backend, where users add products to the cart.(Shop -> Product Category -> Product -> Add to cart). There is some weird behavior when the user clicks on the add to cart button. For the first time when the user clicks on Add to cart, the view automatically pops back to the Product category screen. Then if I click on any product category it goes to the product screen and pops back automatically. I am stuck with this issue for a couple of days, Please shed some light on what I am doing wrong. Thanks a ton.
Product
@DocumentID var id : String?
var name : String?
var price : String?
var available : Bool = false
var quantity : Int = 1
var category : String?
enum CodingKeys: String, CodingKey {
case id, name, price, category, available
}
}
ProductViewModel
@Published var productArray : [Product] = []
@Published var selectedProducts : [Product] = []
@Published var productTotal = ProductTotal(totalAmt: 0)
@Published var productImgDict : [String : String] = [:]
@Published var selectedProduct = Product()
@Published var cartResponse : CartResponse?
@Published var isCartRespReceived : Bool = false
@Published var checkoutResponse : CheckOutResponse?
@Published var isCheckOutResReceived : Bool = false
var products : [Product] = []
var dummyProductLst : [Product] = []
var dummyCartItems : [Product] = []
var firestore = Firestore.firestore()
var storageRef = Storage.storage()
init(){
isCartRespReceived = false
}
func setSelectedProduct(product : Product) {
selectedProducts.append(product)
self.dummyCartItems.append(product)
self.setDefaultProductQty(product: product)
}
func setDefaultProductQty(product : Product) {
for index in self.selectedProducts.indices {
if product.id == self.selectedProducts[index].id {
//By default setting the quantity to 1 when adding a product
self.selectedProducts[index].quantity = +1
}else{
print("not matched")
}
}
}
func getSelectedProduct() -> [Product] {
return self.selectedProducts
}
func deleteProduct(index : IndexSet) {
self.selectedProducts.remove(atOffsets: index)
self.dummyCartItems.remove(atOffsets: index)
}
func getTotalAmount() -> ProductTotal {
var totalAmt = 0;
for item in self.selectedProducts {
totalAmt = totalAmt + Int(item.price?.floatValue ?? 0)
}
return ProductTotal( totalAmt: totalAmt)
}
func setQuantity(index : Int, qty : Int = 1) {
self.selectedProducts[index].quantity = qty
}
func setgetUpdatedPrice(index : Int, qty : Int, itemID : String = "") -> String {
var calculatedAmt = 0
if let data = self.dummyCartItems.first(where: {$0.id == itemID}) {
calculatedAmt = Int(data.price?.floatValue ?? 0) * qty
self.selectedProducts[index].price = String(calculatedAmt)
} else {
// item could not be found
}
_ = getTotalAmount()
print(calculatedAmt)
return String(calculatedAmt)
}
}
ProductGridView
@EnvironmentObject var prodViewModel : ProductViewModel
@EnvironmentObject var partialSheetManager : PartialSheetManager
@Binding var showToast : Bool
var product : Product
var store : Store
var body: some View {
ZStack(alignment: Alignment(horizontal: .trailing, vertical: .top)){
VStack(alignment: .center, spacing: 10){
let imgURL = prodViewModel.productImgDict[product.id ?? ""]
AnimatedImage(url: URL(string: imgURL ?? "")).resizable().frame(width: 110, height: 110).padding()
HStack{
Text("₹\(product.price ?? "")")
.foregroundColor(Color.theme.appColor)
.font(.title2).bold()
Spacer(minLength: 20)
if product.available {
Button(action: {
if self.prodViewModel.getSelectedProduct().contains(where: { $0.id == product .id}){
//item found
}else{
// not found in cart - add product to array
if store.id == AppSettings.shared.getStoreID(){
prodViewModel.setSelectedProduct(product: product)
showToast = true
}else{
print("shop is different, you cannot add it")
self.partialSheetManager.showPartialSheet {
ChangeShopView(store: store, product: product)
}
}
}
}, label: {
Image.init(systemName: "cart.badge.plus")
.renderingMode(Image.TemplateRenderingMode?.init(Image.TemplateRenderingMode.original))
.resizable()
.frame(width: 32, height: 30)
}
)
}else{
}
}
HStack{
Text(product.name ?? "")
.font(.title3)
.multilineTextAlignment(.leading)
.foregroundColor(Color.theme.textColor)
Spacer()
}
} .overlay(
Text( product.available ? "" : "NOT AVAILABLE")
.foregroundColor(.white)
.background(Color.red)
.font(.caption)
.clipShape(RoundedRectangle(cornerRadius: 4))
.padding(.horizontal)
,alignment: .center)
.padding(.horizontal, 8)
.frame(width : UIScreen.main.bounds.size.width/2.4)
.background(Color.theme.cardColor)
.cornerRadius( 6)
.shadow(color: Color.black.opacity(0.2), radius:5, x:-5, y:5)
}
}
}
On clicking Add to cart button I am calling the setSelectedProduct method from ProductViewModel. In the console, am getting - Unable to present. Please file a bug.