From a72526502605ab415c16d3506c6fd4aa0bee5c95 Mon Sep 17 00:00:00 2001
From: Fringg <egor.andrianovv@gmail.com>
Date: Wed, 25 Feb 2026 12:32:07 +0300
Subject: [PATCH] feat: add Freekassa SBP and card payment method icons and
 labels

Add icons, admin labels, and i18n descriptions for freekassa_sbp
and freekassa_card payment methods in the cabinet frontend.
---
 src/components/PaymentMethodIcon.tsx | 34 ++++++++++++++++++++++++++++
 src/locales/en.json                  |  6 +++++
 src/locales/ru.json                  |  6 +++++
 src/pages/AdminPaymentMethodEdit.tsx |  2 ++
 4 files changed, 48 insertions(+)

diff --git a/src/components/PaymentMethodIcon.tsx b/src/components/PaymentMethodIcon.tsx
index 3f4aa1b..8fd00a4 100644
--- a/src/components/PaymentMethodIcon.tsx
+++ b/src/components/PaymentMethodIcon.tsx
@@ -115,6 +115,40 @@ export default function PaymentMethodIcon({
         </svg>
       );
 
+    case 'freekassa_sbp':
+      return (
+        <svg className={className} viewBox="0 0 40 40">
+          <circle cx="20" cy="20" r="20" fill="#00B894" />
+          <g fill="#fff" fontFamily="Arial,sans-serif" fontWeight="700">
+            <text x="20" y="20" textAnchor="middle" fontSize="9">
+              СБП
+            </text>
+            <text x="20" y="30" textAnchor="middle" fontSize="8" fontWeight="400">
+              QR
+            </text>
+          </g>
+        </svg>
+      );
+
+    case 'freekassa_card':
+      return (
+        <svg className={className} viewBox="0 0 40 40">
+          <circle cx="20" cy="20" r="20" fill="#6C5CE7" />
+          <rect
+            x="10"
+            y="14"
+            width="20"
+            height="14"
+            rx="2"
+            fill="none"
+            stroke="#fff"
+            strokeWidth="1.5"
+          />
+          <line x1="10" y1="19" x2="30" y2="19" stroke="#fff" strokeWidth="1.5" />
+          <rect x="13" y="22" width="5" height="2" rx="0.5" fill="#fff" opacity=".6" />
+        </svg>
+      );
+
     case 'cloudpayments':
       return (
         <svg className={className} viewBox="0 0 40 40">
diff --git a/src/locales/en.json b/src/locales/en.json
index 8c78448..e91b0dd 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -596,6 +596,12 @@
       "freekassa": {
         "description": "Pay via FreeKassa"
       },
+      "freekassa_sbp": {
+        "description": "Pay via SBP (QR code)"
+      },
+      "freekassa_card": {
+        "description": "Pay with Russian bank card"
+      },
       "tribute": {
         "description": "Pay with bank card via Tribute"
       }
diff --git a/src/locales/ru.json b/src/locales/ru.json
index 4a1bbc9..0326819 100644
--- a/src/locales/ru.json
+++ b/src/locales/ru.json
@@ -624,6 +624,12 @@
       "freekassa": {
         "description": "Оплата через FreeKassa"
       },
+      "freekassa_sbp": {
+        "description": "Оплата через СБП (QR код)"
+      },
+      "freekassa_card": {
+        "description": "Оплата картой РФ"
+      },
       "tribute": {
         "description": "Оплата банковской картой через Tribute"
       }
diff --git a/src/pages/AdminPaymentMethodEdit.tsx b/src/pages/AdminPaymentMethodEdit.tsx
index e1d116f..a0ebdc4 100644
--- a/src/pages/AdminPaymentMethodEdit.tsx
+++ b/src/pages/AdminPaymentMethodEdit.tsx
@@ -29,6 +29,8 @@ const METHOD_LABELS: Record<string, string> = {
   platega: 'Platega',
   wata: 'WATA',
   freekassa: 'Freekassa',
+  freekassa_sbp: 'Freekassa СБП',
+  freekassa_card: 'Freekassa Карта',
   cloudpayments: 'CloudPayments',
   kassa_ai: 'Kassa AI',
 };