From e7cc518d7fd18f9cd5b5111ab8f5ef219e813681 Mon Sep 17 00:00:00 2001
From: Kirill <mpak8501@yandex.ru>
Date: Tue, 19 May 2026 14:52:11 +0500
Subject: [PATCH] fix: prettier formatting and step key in info sections

---
 .../pages/info/ui/sections/HowToOrderSection.tsx  |  4 ++--
 .../src/pages/info/ui/sections/PaymentSection.tsx | 15 ++++++++++++---
 .../src/pages/info/ui/sections/ReturnsSection.tsx |  4 ++--
 3 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/client/src/pages/info/ui/sections/HowToOrderSection.tsx b/client/src/pages/info/ui/sections/HowToOrderSection.tsx
index af539f7..07249f7 100644
--- a/client/src/pages/info/ui/sections/HowToOrderSection.tsx
+++ b/client/src/pages/info/ui/sections/HowToOrderSection.tsx
@@ -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>
diff --git a/client/src/pages/info/ui/sections/PaymentSection.tsx b/client/src/pages/info/ui/sections/PaymentSection.tsx
index 53eeb41..a32639f 100644
--- a/client/src/pages/info/ui/sections/PaymentSection.tsx
+++ b/client/src/pages/info/ui/sections/PaymentSection.tsx
@@ -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) => (
diff --git a/client/src/pages/info/ui/sections/ReturnsSection.tsx b/client/src/pages/info/ui/sections/ReturnsSection.tsx
index fba384a..9e691f8 100644
--- a/client/src/pages/info/ui/sections/ReturnsSection.tsx
+++ b/client/src/pages/info/ui/sections/ReturnsSection.tsx
@@ -25,8 +25,8 @@ export function ReturnsSection() {
           </Typography>
           <Typography variant="body2" color="text.secondary">
             Мы отвечаем за качество каждого изделия ручной работы. Все дефекты, возникшие не по вине покупателя,
-            устраняются или компенсируются заменой изделия. Если у вас возникли вопросы по качеству — напишите нам,
-            и мы решим проблему в кратчайшие сроки.
+            устраняются или компенсируются заменой изделия. Если у вас возникли вопросы по качеству — напишите нам, и мы
+            решим проблему в кратчайшие сроки.
           </Typography>
         </Paper>
       </Stack>