fix: prettier formatting and step key in info sections

This commit is contained in:
Kirill
2026-05-19 14:52:11 +05:00
parent f01ede6ee9
commit e7cc518d7f
3 changed files with 16 additions and 7 deletions
@@ -41,8 +41,8 @@ export function HowToOrderSection() {
Как оформить заказ Как оформить заказ
</Typography> </Typography>
<Stepper orientation="vertical" activeStep={-1}> <Stepper orientation="vertical" activeStep={-1}>
{steps.map((step, idx) => ( {steps.map((step) => (
<Step key={idx} completed={false}> <Step key={step.label} completed={false}>
<StepLabel StepIconComponent={() => step.icon}>{step.label}</StepLabel> <StepLabel StepIconComponent={() => step.icon}>{step.label}</StepLabel>
<StepContent> <StepContent>
<Typography color="text.secondary">{step.text}</Typography> <Typography color="text.secondary">{step.text}</Typography>
@@ -7,8 +7,16 @@ import Typography from '@mui/material/Typography'
import { Banknote, CreditCard } from 'lucide-react' import { Banknote, CreditCard } from 'lucide-react'
const methods = [ const methods = [
{ icon: <CreditCard size={22} />, primary: 'Банковская карта онлайн', secondary: 'Оплата картой Visa, Mastercard или МИР сразу при оформлении заказа.' }, {
{ icon: <Banknote size={22} />, primary: 'Оплата при получении', secondary: 'Оплата наличными или картой при получении заказа у курьера или в пункте самовывоза.' }, icon: <CreditCard size={22} />,
primary: 'Банковская карта онлайн',
secondary: 'Оплата картой Visa, Mastercard или МИР сразу при оформлении заказа.',
},
{
icon: <Banknote size={22} />,
primary: 'Оплата при получении',
secondary: 'Оплата наличными или картой при получении заказа у курьера или в пункте самовывоза.',
},
] ]
export function PaymentSection() { export function PaymentSection() {
@@ -18,7 +26,8 @@ export function PaymentSection() {
Оплата Оплата
</Typography> </Typography>
<Typography variant="body2" color="text.secondary" sx={{ mb: 1 }}> <Typography variant="body2" color="text.secondary" sx={{ mb: 1 }}>
Оплата происходит после подтверждения заказа мастером. Вы получите уведомление, когда заказ будет подтверждён и готов к оплате. Оплата происходит после подтверждения заказа мастером. Вы получите уведомление, когда заказ будет подтверждён и
готов к оплате.
</Typography> </Typography>
<List disablePadding> <List disablePadding>
{methods.map((m) => ( {methods.map((m) => (
@@ -25,8 +25,8 @@ export function ReturnsSection() {
</Typography> </Typography>
<Typography variant="body2" color="text.secondary"> <Typography variant="body2" color="text.secondary">
Мы отвечаем за качество каждого изделия ручной работы. Все дефекты, возникшие не по вине покупателя, Мы отвечаем за качество каждого изделия ручной работы. Все дефекты, возникшие не по вине покупателя,
устраняются или компенсируются заменой изделия. Если у вас возникли вопросы по качеству напишите нам, устраняются или компенсируются заменой изделия. Если у вас возникли вопросы по качеству напишите нам, и мы
и мы решим проблему в кратчайшие сроки. решим проблему в кратчайшие сроки.
</Typography> </Typography>
</Paper> </Paper>
</Stack> </Stack>