import {useState} from "react"; import {Accordion, AccordionDetails, AccordionSummary, Box, Divider, Grid, Typography} from "@mui/material"; import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; import {backURL} from "../../actions/PathDB"; import imgNotFound from "../../img/catalog/imgNotFound.png"; import Link from "react-router-dom/es/Link"; import {AccordionHeaderText} from "./AccordionHeaderText"; import {timeCalc} from "../ProductPage/timeCalc"; export const AccordionItem = ({data}) => { const time = timeCalc(+data['createdAt']) const [status, setStatus] = useState(false); return ( setStatus(!status)}> } > {!status && } {!status && {data['orderGoods'] && data['orderGoods'].map((item, index, array) => { if (index < 2) { return ( {'image'}/ ) } else if (index === 2) { return ( +{array.length - 2} ) }}) } } {data['orderGoods'] && data['orderGoods'].length > 0 ? <> Product Price Count Sum {data['orderGoods'].map((item, index) => { return ( {'image'}/ {item.good?.name || 'product name'} {item?.price ? '$' + parseFloat(item.price).toFixed(2) : 'NaN'} {item?.count || '1'} {item?.price && item?.count ? '$'+parseFloat(item.price * item.count) .toFixed(2) : 'NaN' } ) })} Total {data?.total ? '$'+parseFloat(data.total).toFixed(2) : 'NaN'} : Error } ) }