button

import { useSelector } from 'react-redux';
import { CART_STATUS } from '@jmsstudiosinc/cart';
import { cartSectionSelector } from '../utils';
import styles from './styles';
import { useNavigation } from '@react-navigation/native';

const ViewButtonCart = () => {
    const insets = useSafeAreaInsets();

    const cartList = useSelector((state) => cartSectionSelector(state.cart.cartList, CART_STATUS.added));

    const formattedCartList = (cartList) => {
        let results = [];
        for (const cartItem of cartList) {
            results = cartItem.data;
        }
        return results;
    };

    const totalItems = formattedCartList(cartList)
        .map((item) => item.quantity)
        .reduce((prev, curr) => prev + curr, 0);

    const navigation = useNavigation();

    return (
        <FAB
            icon="cart-arrow-down"
            label={`View Cart ${totalItems}`}
            uppercase={true}
            style={[styles.FAB, { bottom: insets.bottom }]}
            mode="elevated"
            variant="primary"
            onPress={() => navigation.navigate('Cart')}
            visible={cartList.length > 0 ? true : false}
        />
    );
};

export default ViewButtonCart;