aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorGravatar Joe Banks <[email protected]>2024-09-12 00:55:08 +0100
committerGravatar Joe Banks <[email protected]>2024-09-12 00:55:08 +0100
commitaef59780e237334061ec72f07b96c7fba1337f44 (patch)
treecceb5a2776296bc87410a3dd8a26a6db5eed2282
parentUse new CartConfirm component in CheckoutPage (diff)
ESLint fixes
-rw-r--r--thallium-frontend/src/components/CartConfirm.tsx16
-rw-r--r--thallium-frontend/src/slices/cart.ts2
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);
}