From f960d5fc0bc627f523d06d442f0f6efb6adc2d5a Mon Sep 17 00:00:00 2001
From: Fringg <egor.andrianovv@gmail.com>
Date: Mon, 16 Mar 2026 04:09:26 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20=D0=BF=D0=BE=D0=B4=D0=B4=D0=B5=D1=80?=
 =?UTF-8?q?=D0=B6=D0=BA=D0=B0=20=D1=80=D0=B5=D0=B6=D0=B8=D0=BC=D0=B0=20?=
 =?UTF-8?q?=C2=ABboth=C2=BB=20=E2=80=94=20=D0=BF=D0=BE=D0=BA=D0=B0=D0=B7?=
 =?UTF-8?q?=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B8=20=D0=BA=D0=BE=D0=BD?=
 =?UTF-8?q?=D1=82=D0=B0=D0=BA=D1=82=D0=B0=20=D0=B2=D0=BC=D0=B5=D1=81=D1=82?=
 =?UTF-8?q?=D0=B5=20=D1=81=20=D1=82=D0=B8=D0=BA=D0=B5=D1=82=D0=B0=D0=BC?=
 =?UTF-8?q?=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Support.tsx | 40 ++++++++++++++++++++++++++++++++++++++++
 src/types/index.ts    |  2 +-
 2 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/src/pages/Support.tsx b/src/pages/Support.tsx
index 822d512..e70b1d4 100644
--- a/src/pages/Support.tsx
+++ b/src/pages/Support.tsx
@@ -483,6 +483,46 @@ export default function Support() {
         </Button>
       </motion.div>
 
+      {/* Contact support card for "both" mode */}
+      {supportConfig?.support_type === 'both' && supportConfig.support_username && (
+        <motion.div variants={staggerItem}>
+          <Card className="flex items-center justify-between">
+            <div className="flex items-center gap-3">
+              <div className="flex h-10 w-10 items-center justify-center rounded-xl bg-dark-800">
+                <svg
+                  className="h-5 w-5 text-dark-400"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                  strokeWidth={1.5}
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    d="M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 01-2.555-.337A5.972 5.972 0 015.41 20.97a5.969 5.969 0 01-.474-.065 4.48 4.48 0 00.978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25z"
+                  />
+                </svg>
+              </div>
+              <div>
+                <div className="text-sm font-medium text-dark-100">{t('support.contactUs')}</div>
+                <div className="text-xs text-dark-400">{supportConfig.support_username}</div>
+              </div>
+            </div>
+            <Button
+              variant="secondary"
+              onClick={() => {
+                const username = supportConfig.support_username!.startsWith('@')
+                  ? supportConfig.support_username!.slice(1)
+                  : supportConfig.support_username!;
+                openTelegramLink(`https://t.me/${username}`);
+              }}
+            >
+              {t('support.contactUs')}
+            </Button>
+          </Card>
+        </motion.div>
+      )}
+
       <motion.div variants={staggerItem} className="grid grid-cols-1 gap-6 lg:grid-cols-3">
         {/* Tickets List */}
         <Card className="lg:col-span-1">
diff --git a/src/types/index.ts b/src/types/index.ts
index 09ca609..5c8d509 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -474,7 +474,7 @@ export interface TicketDetail extends Omit<Ticket, 'messages_count' | 'last_mess
 
 export interface SupportConfig {
   tickets_enabled: boolean;
-  support_type: 'tickets' | 'profile' | 'url';
+  support_type: 'tickets' | 'profile' | 'url' | 'both';
   support_url?: string | null;
   support_username?: string | null;
 }