diff options
-rw-r--r-- | thallium-frontend/src/components/CartConfirm.tsx | 16 | ||||
-rw-r--r-- | thallium-frontend/src/slices/cart.ts | 2 |
2 files changed, 9 insertions, 9 deletions
diff --git a/thallium-frontend/src/components/CartConfirm.tsx b/thallium-frontend/src/components/CartConfirm.tsx index f154d60..c12bc57 100644 --- a/thallium-frontend/src/components/CartConfirm.tsx +++ b/thallium-frontend/src/components/CartConfirm.tsx @@ -1,5 +1,5 @@ -import { useDispatch, useSelector } from "react-redux" -import { RootState } from "../store" +import { useDispatch, useSelector } from "react-redux"; +import { RootState } from "../store"; import { useState, useEffect } from "react"; import { getTemplates, Template, Variant } from "../api/templates"; import { APIError, APIMissingTokenError } from "../api/client"; @@ -39,7 +39,7 @@ img { } margin-bottom: 10px; -` +`; const CartItem: React.FC<CartItemProps> = ({ product, variant, quantity, cartItem }: CartItemProps) => { /* return <div>{product.title} - {variant.size} / {variant.colour} - {quantity} unit{quantity === 1 ? "" : "s"}</div> */ @@ -55,12 +55,12 @@ const CartItem: React.FC<CartItemProps> = ({ product, variant, quantity, cartIte <p><strong>Quantity:</strong> {quantity}</p> </div> <Button onClick={() => { - dispatch(removeCartItem(cartItem)) + dispatch(removeCartItem(cartItem)); }}> Remove </Button> - </CartItemHolder> -} + </CartItemHolder>; +}; const CartConfirm = () => { const cart = useSelector((state: RootState) => state.cart); @@ -100,7 +100,7 @@ const CartConfirm = () => { const variant = item?.variants?.find((variant) => variant.variant_id === cartItem.variant_id); if (item && variant) { - return <CartItem key={cartItem.variant_id} product={item} variant={variant} quantity={cartItem.quantity} cartItem={cartItem} /> + return <CartItem key={cartItem.variant_id} product={item} variant={variant} quantity={cartItem.quantity} cartItem={cartItem} />; } })} @@ -109,6 +109,6 @@ const CartConfirm = () => { <p>Return to the store page to add some items</p> </>} </>; -} +}; export default CartConfirm; diff --git a/thallium-frontend/src/slices/cart.ts b/thallium-frontend/src/slices/cart.ts index c30677a..ab22e2e 100644 --- a/thallium-frontend/src/slices/cart.ts +++ b/thallium-frontend/src/slices/cart.ts @@ -35,7 +35,7 @@ const cartSlice = createSlice({ if (existingItem) { existingItem.quantity -= 1; if (existingItem.quantity === 0) { - let idx = state.cart.findIndex((item) => item.product_template_id === action.payload.product_template_id && item.variant_id === action.payload.variant_id); + const idx = state.cart.findIndex((item) => item.product_template_id === action.payload.product_template_id && item.variant_id === action.payload.variant_id); state.cart.splice(idx, 1); } |