fix: prettier formatting and step key in info sections
This commit is contained in:
@@ -41,8 +41,8 @@ export function HowToOrderSection() {
|
||||
Как оформить заказ
|
||||
</Typography>
|
||||
<Stepper orientation="vertical" activeStep={-1}>
|
||||
{steps.map((step, idx) => (
|
||||
<Step key={idx} completed={false}>
|
||||
{steps.map((step) => (
|
||||
<Step key={step.label} completed={false}>
|
||||
<StepLabel StepIconComponent={() => step.icon}>{step.label}</StepLabel>
|
||||
<StepContent>
|
||||
<Typography color="text.secondary">{step.text}</Typography>
|
||||
|
||||
@@ -7,8 +7,16 @@ import Typography from '@mui/material/Typography'
|
||||
import { Banknote, CreditCard } from 'lucide-react'
|
||||
|
||||
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() {
|
||||
@@ -18,7 +26,8 @@ export function PaymentSection() {
|
||||
Оплата
|
||||
</Typography>
|
||||
<Typography variant="body2" color="text.secondary" sx={{ mb: 1 }}>
|
||||
Оплата происходит после подтверждения заказа мастером. Вы получите уведомление, когда заказ будет подтверждён и готов к оплате.
|
||||
Оплата происходит после подтверждения заказа мастером. Вы получите уведомление, когда заказ будет подтверждён и
|
||||
готов к оплате.
|
||||
</Typography>
|
||||
<List disablePadding>
|
||||
{methods.map((m) => (
|
||||
|
||||
@@ -25,8 +25,8 @@ export function ReturnsSection() {
|
||||
</Typography>
|
||||
<Typography variant="body2" color="text.secondary">
|
||||
Мы отвечаем за качество каждого изделия ручной работы. Все дефекты, возникшие не по вине покупателя,
|
||||
устраняются или компенсируются заменой изделия. Если у вас возникли вопросы по качеству — напишите нам,
|
||||
и мы решим проблему в кратчайшие сроки.
|
||||
устраняются или компенсируются заменой изделия. Если у вас возникли вопросы по качеству — напишите нам, и мы
|
||||
решим проблему в кратчайшие сроки.
|
||||
</Typography>
|
||||
</Paper>
|
||||
</Stack>
|
||||
|
||||
Reference in New Issue
Block a user