diff options
author | 2024-09-12 00:55:08 +0100 | |
---|---|---|
committer | 2024-09-12 00:55:08 +0100 | |
commit | aef59780e237334061ec72f07b96c7fba1337f44 (patch) | |
tree | cceb5a2776296bc87410a3dd8a26a6db5eed2282 | |
parent | Use new CartConfirm component in CheckoutPage (diff) |
ESLint fixes
-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); } |