fix: prettier formatting and step key in info sections
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user