{t.expireDiscount}
9 |{dateTime}
22 | {t[`${type}`]} 23 |14 | {t.login} | {t.signUp} 15 |
16 |{t.thereAreNoFavorites}
25 | )} 26 |:
15 |:
17 |:
19 |24 | {t[`${benefitItem.title}`]} 25 |
26 |30 | {t[`${description}`]} 31 |
32 |{product?.name}
41 |{t.aboutLongText}
14 |
16 |
{t.aboutEnjoy}
44 |{t.myName}
45 |42 | {locale === "en" ? "En" : "Fa"} 43 |
44 |26 | {t.totalQuantity} 27 |
28 |29 | {locale === "en" 30 | ? totalQuantity 31 | : changeNumbersFormatEnToFa(totalQuantity)} 32 |
33 |36 | {t.totalAmount} 37 |
38 |49 | {t.cartIsEmpty} 50 |
51 | )} 52 | 53 | ); 54 | }; 55 | 56 | export default OrderSummaryBox; 57 | -------------------------------------------------------------------------------- /components/cart/CartIcon.tsx: -------------------------------------------------------------------------------- 1 | import React, { useRef } from "react"; 2 | import Link from "next/link"; 3 | import { useDispatch, useSelector } from "react-redux"; 4 | import { Transition } from "react-transition-group"; 5 | import { AiOutlineShoppingCart } from "react-icons/ai"; 6 | import { cartUiActions } from "../../store/cartUI-slice"; 7 | import CartBox from "./CartBox"; 8 | import { ICartUiRootState, ICartRootState } from "../../lib/types/cart"; 9 | import { changeNumbersFormatEnToFa } from "../../utilities/changeNumbersFormatEnToFa"; 10 | import { useLanguage } from "../../hooks/useLanguage"; 11 | 12 | const Basket = () => { 13 | const dispatch = useDispatch(); 14 | const { locale } = useLanguage(); 15 | const showCartBox = useSelector( 16 | (state: ICartUiRootState) => state.cartUi.cartBoxIsVisible 17 | ); 18 | const cartItemQuantity = useSelector( 19 | (state: ICartRootState) => state.cart.totalQuantity 20 | ); 21 | 22 | const nodeRef = useRef46 | {t[`${description}`]} 47 |
48 | 49 | 50 | {t[`${buttonText}`]} 51 | 52 | 53 |28 | {product.starRating} {t.stars} 29 |
30 |52 | {detailsValue} 53 |
54 |{t.noProduct}
69 | )} 70 |{t.price}
62 |77 | {t.noProduct} 78 |
79 | )} 80 |{product?.name}
63 |