From e586129c37d9152122899d3fea8034ceb03b3993 Mon Sep 17 00:00:00 2001
From: Fringg <egor.andrianovv@gmail.com>
Date: Thu, 12 Feb 2026 23:25:49 +0300
Subject: [PATCH] feat: add 'no color' option for button style customization

Adds a 'default' style option that removes color from buttons, showing
Telegram's native default style. Updates type, UI chip, preview, and
translations for all 4 locales.
---
 src/api/buttonStyles.ts             |  2 +-
 src/components/admin/ButtonsTab.tsx | 17 ++++++++++-------
 src/locales/en.json                 |  1 +
 src/locales/fa.json                 |  1 +
 src/locales/ru.json                 |  1 +
 src/locales/zh.json                 |  1 +
 6 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/api/buttonStyles.ts b/src/api/buttonStyles.ts
index fe2adcb..c859433 100644
--- a/src/api/buttonStyles.ts
+++ b/src/api/buttonStyles.ts
@@ -1,7 +1,7 @@
 import apiClient from './client';
 
 export interface ButtonSectionConfig {
-  style: 'primary' | 'success' | 'danger';
+  style: 'primary' | 'success' | 'danger' | 'default';
   icon_custom_emoji_id: string;
 }
 
diff --git a/src/components/admin/ButtonsTab.tsx b/src/components/admin/ButtonsTab.tsx
index dbd757f..257f33d 100644
--- a/src/components/admin/ButtonsTab.tsx
+++ b/src/components/admin/ButtonsTab.tsx
@@ -9,9 +9,10 @@ import {
   ButtonSection,
 } from '../../api/buttonStyles';
 
-type StyleValue = 'primary' | 'success' | 'danger';
+type StyleValue = 'primary' | 'success' | 'danger' | 'default';
 
 const STYLE_OPTIONS: { value: StyleValue; colorClass: string }[] = [
+  { value: 'default', colorClass: 'bg-dark-500' },
   { value: 'primary', colorClass: 'bg-blue-500' },
   { value: 'success', colorClass: 'bg-green-500' },
   { value: 'danger', colorClass: 'bg-red-500' },
@@ -134,12 +135,14 @@ export function ButtonsTab() {
                 </div>
                 {/* Live preview chip */}
                 <div
-                  className={`rounded-lg px-3 py-1.5 text-xs font-medium text-white ${
-                    cfg.style === 'success'
-                      ? 'bg-green-500'
-                      : cfg.style === 'danger'
-                        ? 'bg-red-500'
-                        : 'bg-blue-500'
+                  className={`rounded-lg px-3 py-1.5 text-xs font-medium ${
+                    cfg.style === 'default'
+                      ? 'bg-dark-600 text-dark-300'
+                      : cfg.style === 'success'
+                        ? 'bg-green-500 text-white'
+                        : cfg.style === 'danger'
+                          ? 'bg-red-500 text-white'
+                          : 'bg-blue-500 text-white'
                   }`}
                 >
                   {t(`admin.buttons.styles.${cfg.style}`)}
diff --git a/src/locales/en.json b/src/locales/en.json
index dda35ea..c8d16ca 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1311,6 +1311,7 @@
         "admin": "Web admin panel"
       },
       "styles": {
+        "default": "No color",
         "primary": "Blue",
         "success": "Green",
         "danger": "Red"
diff --git a/src/locales/fa.json b/src/locales/fa.json
index 2524832..0939fb1 100644
--- a/src/locales/fa.json
+++ b/src/locales/fa.json
@@ -1020,6 +1020,7 @@
         "admin": "پنل مدیریت وب"
       },
       "styles": {
+        "default": "بدون رنگ",
         "primary": "آبی",
         "success": "سبز",
         "danger": "قرمز"
diff --git a/src/locales/ru.json b/src/locales/ru.json
index 2126f98..655d77c 100644
--- a/src/locales/ru.json
+++ b/src/locales/ru.json
@@ -1826,6 +1826,7 @@
         "admin": "Веб-админка"
       },
       "styles": {
+        "default": "Без цвета",
         "primary": "Синий",
         "success": "Зелёный",
         "danger": "Красный"
diff --git a/src/locales/zh.json b/src/locales/zh.json
index b5271c4..36a0bb3 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -1058,6 +1058,7 @@
         "admin": "网页管理面板"
       },
       "styles": {
+        "default": "无颜色",
         "primary": "蓝色",
         "success": "绿色",
         "danger": "红色"