/
pylifor
/
TestTask
Обзор
Документация
Войти
/
pylifor
/
TestTask
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
ShopTestTask/src/components/Order.tsx
37 строк
1 KB
Georgii
last commit
03 мар 2024, 00:19
03 мар 2024, 00:19
a61795b
Код
Авторство
О чём код?
import KeyboardArrowLeft from "@mui/icons-material/KeyboardArrowLeft"; import { Box } from "@mui/material"; import Button from '@mui/joy/Button'; export const Order = () => { return ( <Box sx={{ padding: '10px' }}> <Button endDecorator={<KeyboardArrowLeft />} sx={{ marginBottom: '10px' }} onClick={() => { window.open('/details_product', '_self') }}></Button> { localStorage.getItem('order') ? Array.from(JSON.parse(localStorage.getItem('order'))["names"]).map((item: any) => { return <div>{item}</div> }) : null } { localStorage.getItem('order') ? Array.from(JSON.parse(localStorage.getItem('order'))["sizes"]).map((item: any) => { return <div>{item}</div> }) : null } { localStorage.getItem('order') ? Array.from(JSON.parse(localStorage.getItem('order'))["colors"]).map((item: any) => { return <div>{item}</div> }) : null } <Button>Заказать</Button> <Button onClick={() => { localStorage.removeItem('order') window.location.reload() }}>Удалить все товары</Button> </Box> ); }