PenaSide/front-hub
3
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Добавил функцию суммы в корзину

Browse Source
This commit is contained in:
beliberda 2023-03-13 17:12:26 +10:00
parent 72f779698c
commit 2e8384c098
3 changed files with 36 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/CustomAccordionBasket.tsx
View File

@ -10,12 +10,21 @@ interface Props {
dataSection:[string, number][];
}
function TotalSum(mass:[string, number][]):number {
let sum:number = 0
mass.forEach(element => {
sum += element[1]
});
return sum
}
export default function CustomAccordionBasket({ header, totalPrice, dataSection }: Props) {
const theme = useTheme();
const upMd = useMediaQuery(theme.breakpoints.up("md"));
const upSm = useMediaQuery(theme.breakpoints.up("sm"));
const [isExpanded, setIsExpanded] = useState<boolean>(false);
let sum:number = TotalSum(dataSection);
return (
<Box
sx={{
@ -60,7 +69,7 @@ export default function CustomAccordionBasket({ header, totalPrice, dataSection
<Box sx={{display:"flex", justifyContent:"flex-end", height:"100%", alignItems:"center",gap:upSm ? "111px": "17px"}}>
<Typography sx={{color: theme.palette.grey3.main,fontSize:upSm ? "20px": "16px", fontWeight:500, }}>{totalPrice} руб.</Typography>
<Typography sx={{color: theme.palette.grey3.main,fontSize:upSm ? "20px": "16px", fontWeight:500, }}>{sum} руб.</Typography>
<Box sx={{borderLeft:upSm ? "1px solid #9A9AAF": "none", paddingLeft:upSm ? "24px" : 0, height:"100%", display:"flex", justifyContent:"center", alignItems:"center"}}>
<ExpandIcon isExpanded={isExpanded} />
</Box>

4
src/pages/Basket/AccordionWrapper.tsx
View File

@ -5,9 +5,7 @@ import CustomAccordionBasket from "../../components/CustomAccordionBasket";
interface Props {
content:{title:string, data:[string,number][]}[]
}
function GetTotalPrice() {
return 0
}
export default function AccordionWrapperBasket({content}:Props) {
return (

45
src/pages/Basket/Basket.tsx
View File

@ -25,22 +25,24 @@ function TabPanel({ index, value, children, mt }: TabPanelProps) {
);
}
const contentBasket = [
{
title:"Шаблонизатор",
data:[
["Дисковое хранилище 5 гб", 1290, 390],
["Подписка на месяц ", 1290, 390],
["200 бесплатных генераций", 1290, 390],
]
},
{
title:"Квиз конструктор",
data:[
["Дисковое хранилище 5 гб", 1290, 390],
["Подписка на месяц ", 1290, 390],
["200 бесплатных генераций", 1290, 390],
]
},
{
title:"Шаблонизатор",
data:[
["Дисковое хранилище 5 гб", 390],
["Подписка на месяц ", 290],
["200 бесплатных генераций", 590]
]
},
{
title:"Квиз конструктор",
data:[
["Дисковое хранилище 5 гб", 200],
["Подписка на месяц ", 300],
["200 бесплатных генераций", 1000],
]
},
]
export default function BasketPage() {
@ -86,16 +88,17 @@ export default function BasketPage() {
{
title:"Шаблонизатор",
data:[
["Дисковое хранилище 5 гб", 390,],
["Дисковое хранилище 5 гб", 390,]
["Дисковое хранилище 5 гб", 390],
["Подписка на месяц ", 290],
["200 бесплатных генераций", 590]
]
},
{
title:"Квиз конструктор",
data:[
["Дисковое хранилище 5 гб", 390,],
["Дисковое хранилище 5 гб", 390,]
["Дисковое хранилище 5 гб", 200],
["Подписка на месяц ", 300],
["200 бесплатных генераций", 1000],
]
},