/
IvanWake
/
cookieStore
Обзор
Документация
Войти
/
IvanWake
/
cookieStore
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
src/components/Mobile/MobileCartFooter.js
31 строка
1 KB
Ivan Wake
add Mobile Pages Cart, Orders, Addresses and Profile (only pages, no content)
02 апр 2024, 20:01
02 апр 2024, 20:01
597cb2c
Код
Авторство
О чём код?
import {useEffect, useState} from "react"; import { fetchLocalProducts, getTotalPrice } from '../../service/cart'; import { useAuth } from "../../store/auth-store"; import { useCart } from '../../store/cart-store'; import { cart } from "../../store/styles"; const MobileCartFooter = () => { const [totalPrice, setTotalPrice] = useState() const isUserAuth = useAuth(state => state.isUserAuth); const { cartProductsAuthUser, cartProductsLocal} = useCart(); useEffect(() => { if (isUserAuth) { setTotalPrice(`${getTotalPrice(cartProductsAuthUser).totalPrice.toFixed(2)}`); } else { setTotalPrice(`${getTotalPrice(fetchLocalProducts().filteredProducts).totalPrice.toFixed(2)}`); } }, [cartProductsAuthUser, cartProductsLocal, isUserAuth]) return ( <div className={cart.footer}> <div className={cart.total}> <p>Total</p> <p>$ {totalPrice}</p> </div> <button className={cart.footerButton}>Place order</button> </div> ); } export default MobileCartFooter;