From 3d6987f761b168113c009845d8ff028f9ca86688 Mon Sep 17 00:00:00 2001
From: Fringg <egor.andrianovv@gmail.com>
Date: Wed, 25 Feb 2026 04:42:40 +0300
Subject: [PATCH] feat: add granular user permissions (balance, subscription,
 promo_group, referral, send_offer)

Split users:edit into fine-grained permissions. Guard UI sections
with hasPermission checks so moderators only see what they can do.
---
 src/locales/en.json           |   7 +-
 src/locales/fa.json           |   7 +-
 src/locales/ru.json           |   7 +-
 src/locales/zh.json           |   7 +-
 src/pages/AdminUserDetail.tsx | 286 ++++++++++++++++++----------------
 5 files changed, 176 insertions(+), 138 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 1fe6329..58a243c 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -2618,7 +2618,12 @@
           "manage": "Manage",
           "ban": "Ban",
           "unban": "Unban",
-          "assign": "Assign"
+          "assign": "Assign",
+          "promo_group": "Promo group",
+          "balance": "Balance",
+          "subscription": "Subscription",
+          "send_offer": "Send offer",
+          "referral": "Referral %"
         },
         "toggleSection": "Toggle all {{section}} permissions",
         "selectedPermissions_one": "{{count}} permission selected",
diff --git a/src/locales/fa.json b/src/locales/fa.json
index 652584d..614efa1 100644
--- a/src/locales/fa.json
+++ b/src/locales/fa.json
@@ -2407,7 +2407,12 @@
           "manage": "مدیریت",
           "ban": "مسدود کردن",
           "unban": "رفع مسدودیت",
-          "assign": "اختصاص"
+          "assign": "اختصاص",
+          "promo_group": "گروه تبلیغاتی",
+          "balance": "موجودی",
+          "subscription": "اشتراک",
+          "send_offer": "ارسال پیشنهاد",
+          "referral": "درصد ارجاع"
         },
         "toggleSection": "تغییر وضعیت تمام مجوزهای {{section}}",
         "selectedPermissions_other": "{{count}} مجوز انتخاب شده",
diff --git a/src/locales/ru.json b/src/locales/ru.json
index 4c02a6a..9376a0d 100644
--- a/src/locales/ru.json
+++ b/src/locales/ru.json
@@ -3166,7 +3166,12 @@
           "manage": "Управление",
           "ban": "Бан",
           "unban": "Разбан",
-          "assign": "Назначение"
+          "assign": "Назначение",
+          "promo_group": "Промо-группа",
+          "balance": "Баланс",
+          "subscription": "Подписка",
+          "send_offer": "Промо-предложение",
+          "referral": "Реф. процент"
         },
         "toggleSection": "Переключить все права {{section}}",
         "selectedPermissions_one": "{{count}} разрешение выбрано",
diff --git a/src/locales/zh.json b/src/locales/zh.json
index b6b8d8a..d81072d 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -2406,7 +2406,12 @@
           "manage": "管理",
           "ban": "封禁",
           "unban": "解封",
-          "assign": "分配"
+          "assign": "分配",
+          "promo_group": "促销组",
+          "balance": "余额",
+          "subscription": "订阅",
+          "send_offer": "发送优惠",
+          "referral": "推荐佣金"
         },
         "toggleSection": "切换所有 {{section}} 权限",
         "selectedPermissions_other": "已选择 {{count}} 个权限",
diff --git a/src/pages/AdminUserDetail.tsx b/src/pages/AdminUserDetail.tsx
index 73b9db3..2399957 100644
--- a/src/pages/AdminUserDetail.tsx
+++ b/src/pages/AdminUserDetail.tsx
@@ -386,7 +386,7 @@ export default function AdminUserDetail() {
   useEffect(() => {
     if (activeTab === 'info') {
       loadReferrals();
-      if (hasPermission('promo_groups:read')) loadPromoGroups();
+      if (hasPermission('users:promo_group')) loadPromoGroups();
     }
     if (activeTab === 'sync' && hasPermission('users:sync')) loadSyncStatus();
     if (activeTab === 'subscription') {
@@ -935,7 +935,7 @@ export default function AdminUserDetail() {
             <div className="rounded-xl bg-dark-800/50 p-3">
               <div className="mb-1 flex items-center justify-between">
                 <span className="text-xs text-dark-500">{t('admin.users.detail.promoGroup')}</span>
-                {hasPermission('promo_groups:read') && (
+                {hasPermission('users:promo_group') && (
                   <button
                     onClick={() => setEditingPromoGroup(!editingPromoGroup)}
                     className="text-xs text-accent-400 transition-colors hover:text-accent-300"
@@ -989,17 +989,19 @@ export default function AdminUserDetail() {
                 <span className="text-sm font-medium text-dark-200">
                   {t('admin.users.detail.referral.title')}
                 </span>
-                <button
-                  onClick={() => {
-                    if (!editingReferralCommission) {
-                      setReferralCommissionValue(user.referral.commission_percent ?? '');
-                    }
-                    setEditingReferralCommission(!editingReferralCommission);
-                  }}
-                  className="text-xs text-accent-400 transition-colors hover:text-accent-300"
-                >
-                  {editingReferralCommission ? t('common.cancel') : t('common.edit')}
-                </button>
+                {hasPermission('users:referral') && (
+                  <button
+                    onClick={() => {
+                      if (!editingReferralCommission) {
+                        setReferralCommissionValue(user.referral.commission_percent ?? '');
+                      }
+                      setEditingReferralCommission(!editingReferralCommission);
+                    }}
+                    className="text-xs text-accent-400 transition-colors hover:text-accent-300"
+                  >
+                    {editingReferralCommission ? t('common.cancel') : t('common.edit')}
+                  </button>
+                )}
               </div>
               <div className="grid grid-cols-3 gap-3 text-center">
                 <div>
@@ -1358,72 +1360,78 @@ export default function AdminUserDetail() {
                   )}
 
                 {/* Actions */}
-                <div className="rounded-xl bg-dark-800/50 p-4">
-                  <div className="mb-3 font-medium text-dark-200">
-                    {t('admin.users.detail.subscription.actions')}
-                  </div>
-                  <div className="space-y-3">
-                    <select
-                      value={subAction}
-                      onChange={(e) => setSubAction(e.target.value)}
-                      className="input"
-                    >
-                      <option value="extend">{t('admin.users.detail.subscription.extend')}</option>
-                      <option value="change_tariff">
-                        {t('admin.users.detail.subscription.changeTariff')}
-                      </option>
-                      <option value="cancel">{t('admin.users.detail.subscription.cancel')}</option>
-                      <option value="activate">
-                        {t('admin.users.detail.subscription.activate')}
-                      </option>
-                    </select>
-
-                    {subAction === 'extend' && (
-                      <input
-                        type="number"
-                        value={subDays}
-                        onChange={createNumberInputHandler(setSubDays, 1)}
-                        placeholder={t('admin.users.detail.subscription.days')}
-                        className="input"
-                        min={1}
-                        max={3650}
-                      />
-                    )}
-
-                    {subAction === 'change_tariff' && (
+                {hasPermission('users:subscription') && (
+                  <div className="rounded-xl bg-dark-800/50 p-4">
+                    <div className="mb-3 font-medium text-dark-200">
+                      {t('admin.users.detail.subscription.actions')}
+                    </div>
+                    <div className="space-y-3">
                       <select
-                        value={selectedTariffId || ''}
-                        onChange={(e) =>
-                          setSelectedTariffId(e.target.value ? parseInt(e.target.value) : null)
-                        }
+                        value={subAction}
+                        onChange={(e) => setSubAction(e.target.value)}
                         className="input"
                       >
-                        <option value="">
-                          {t('admin.users.detail.subscription.selectTariff')}
+                        <option value="extend">
+                          {t('admin.users.detail.subscription.extend')}
+                        </option>
+                        <option value="change_tariff">
+                          {t('admin.users.detail.subscription.changeTariff')}
+                        </option>
+                        <option value="cancel">
+                          {t('admin.users.detail.subscription.cancel')}
+                        </option>
+                        <option value="activate">
+                          {t('admin.users.detail.subscription.activate')}
                         </option>
-                        {tariffs.map((tariffItem) => (
-                          <option key={tariffItem.id} value={tariffItem.id}>
-                            {tariffItem.name}{' '}
-                            {!tariffItem.is_available &&
-                              t('admin.users.detail.subscription.unavailable')}
-                          </option>
-                        ))}
                       </select>
-                    )}
 
-                    <button
-                      onClick={() => handleUpdateSubscription()}
-                      disabled={actionLoading}
-                      className="btn-primary w-full"
-                    >
-                      {actionLoading
-                        ? t('admin.users.actions.applying')
-                        : t('admin.users.actions.apply')}
-                    </button>
+                      {subAction === 'extend' && (
+                        <input
+                          type="number"
+                          value={subDays}
+                          onChange={createNumberInputHandler(setSubDays, 1)}
+                          placeholder={t('admin.users.detail.subscription.days')}
+                          className="input"
+                          min={1}
+                          max={3650}
+                        />
+                      )}
+
+                      {subAction === 'change_tariff' && (
+                        <select
+                          value={selectedTariffId || ''}
+                          onChange={(e) =>
+                            setSelectedTariffId(e.target.value ? parseInt(e.target.value) : null)
+                          }
+                          className="input"
+                        >
+                          <option value="">
+                            {t('admin.users.detail.subscription.selectTariff')}
+                          </option>
+                          {tariffs.map((tariffItem) => (
+                            <option key={tariffItem.id} value={tariffItem.id}>
+                              {tariffItem.name}{' '}
+                              {!tariffItem.is_available &&
+                                t('admin.users.detail.subscription.unavailable')}
+                            </option>
+                          ))}
+                        </select>
+                      )}
+
+                      <button
+                        onClick={() => handleUpdateSubscription()}
+                        disabled={actionLoading}
+                        className="btn-primary w-full"
+                      >
+                        {actionLoading
+                          ? t('admin.users.actions.applying')
+                          : t('admin.users.actions.apply')}
+                      </button>
+                    </div>
                   </div>
-                </div>
+                )}
               </>
-            ) : (
+            ) : hasPermission('users:subscription') ? (
               <div className="rounded-xl bg-dark-800/50 p-4">
                 <div className="mb-4 text-center text-dark-400">
                   {t('admin.users.detail.subscription.noActive')}
@@ -1463,6 +1471,12 @@ export default function AdminUserDetail() {
                   </button>
                 </div>
               </div>
+            ) : (
+              <div className="rounded-xl bg-dark-800/50 p-4">
+                <div className="text-center text-dark-400">
+                  {t('admin.users.detail.subscription.noActive')}
+                </div>
+              </div>
             )}
 
             {/* Panel Info */}
@@ -1788,39 +1802,41 @@ export default function AdminUserDetail() {
             </div>
 
             {/* Add/subtract form */}
-            <div className="space-y-3 rounded-xl bg-dark-800/50 p-4">
-              <input
-                type="number"
-                value={balanceAmount}
-                onChange={createNumberInputHandler(setBalanceAmount)}
-                placeholder={t('admin.users.detail.balance.amountPlaceholder')}
-                className="input"
-              />
-              <input
-                type="text"
-                value={balanceDescription}
-                onChange={(e) => setBalanceDescription(e.target.value)}
-                placeholder={t('admin.users.detail.balance.descriptionPlaceholder')}
-                className="input"
-                maxLength={500}
-              />
-              <div className="flex gap-2">
-                <button
-                  onClick={() => handleUpdateBalance(true)}
-                  disabled={actionLoading || balanceAmount === ''}
-                  className="flex flex-1 items-center justify-center gap-2 rounded-lg bg-success-500 py-2 text-white transition-colors hover:bg-success-600 disabled:opacity-50"
-                >
-                  <PlusIcon /> {t('admin.users.detail.balance.add')}
-                </button>
-                <button
-                  onClick={() => handleUpdateBalance(false)}
-                  disabled={actionLoading || balanceAmount === ''}
-                  className="flex flex-1 items-center justify-center gap-2 rounded-lg bg-error-500 py-2 text-white transition-colors hover:bg-error-600 disabled:opacity-50"
-                >
-                  <MinusIcon /> {t('admin.users.detail.balance.subtract')}
-                </button>
+            {hasPermission('users:balance') && (
+              <div className="space-y-3 rounded-xl bg-dark-800/50 p-4">
+                <input
+                  type="number"
+                  value={balanceAmount}
+                  onChange={createNumberInputHandler(setBalanceAmount)}
+                  placeholder={t('admin.users.detail.balance.amountPlaceholder')}
+                  className="input"
+                />
+                <input
+                  type="text"
+                  value={balanceDescription}
+                  onChange={(e) => setBalanceDescription(e.target.value)}
+                  placeholder={t('admin.users.detail.balance.descriptionPlaceholder')}
+                  className="input"
+                  maxLength={500}
+                />
+                <div className="flex gap-2">
+                  <button
+                    onClick={() => handleUpdateBalance(true)}
+                    disabled={actionLoading || balanceAmount === ''}
+                    className="flex flex-1 items-center justify-center gap-2 rounded-lg bg-success-500 py-2 text-white transition-colors hover:bg-success-600 disabled:opacity-50"
+                  >
+                    <PlusIcon /> {t('admin.users.detail.balance.add')}
+                  </button>
+                  <button
+                    onClick={() => handleUpdateBalance(false)}
+                    disabled={actionLoading || balanceAmount === ''}
+                    className="flex flex-1 items-center justify-center gap-2 rounded-lg bg-error-500 py-2 text-white transition-colors hover:bg-error-600 disabled:opacity-50"
+                  >
+                    <MinusIcon /> {t('admin.users.detail.balance.subtract')}
+                  </button>
+                </div>
               </div>
-            </div>
+            )}
 
             {/* Active promo offer */}
             {user.promo_offer_discount_percent > 0 && (
@@ -1869,38 +1885,40 @@ export default function AdminUserDetail() {
             )}
 
             {/* Send promo offer */}
-            <div className="rounded-xl bg-dark-800/50 p-4">
-              <div className="mb-3 text-sm font-medium text-dark-200">
-                {t('admin.users.detail.sendOffer')}
+            {hasPermission('users:send_offer') && (
+              <div className="rounded-xl bg-dark-800/50 p-4">
+                <div className="mb-3 text-sm font-medium text-dark-200">
+                  {t('admin.users.detail.sendOffer')}
+                </div>
+                <div className="space-y-3">
+                  <input
+                    type="number"
+                    value={offerDiscountPercent}
+                    onChange={createNumberInputHandler(setOfferDiscountPercent, 1)}
+                    placeholder={t('admin.users.detail.discountPercent')}
+                    className="input"
+                    min={1}
+                    max={100}
+                  />
+                  <input
+                    type="number"
+                    value={offerValidHours}
+                    onChange={createNumberInputHandler(setOfferValidHours, 1)}
+                    placeholder={t('admin.users.detail.validHours')}
+                    className="input"
+                    min={1}
+                    max={8760}
+                  />
+                  <button
+                    onClick={handleSendOffer}
+                    disabled={offerSending || offerDiscountPercent === '' || offerValidHours === ''}
+                    className="btn-primary w-full disabled:opacity-50"
+                  >
+                    {offerSending ? t('common.loading') : t('admin.users.detail.sendOffer')}
+                  </button>
+                </div>
               </div>
-              <div className="space-y-3">
-                <input
-                  type="number"
-                  value={offerDiscountPercent}
-                  onChange={createNumberInputHandler(setOfferDiscountPercent, 1)}
-                  placeholder={t('admin.users.detail.discountPercent')}
-                  className="input"
-                  min={1}
-                  max={100}
-                />
-                <input
-                  type="number"
-                  value={offerValidHours}
-                  onChange={createNumberInputHandler(setOfferValidHours, 1)}
-                  placeholder={t('admin.users.detail.validHours')}
-                  className="input"
-                  min={1}
-                  max={8760}
-                />
-                <button
-                  onClick={handleSendOffer}
-                  disabled={offerSending || offerDiscountPercent === '' || offerValidHours === ''}
-                  className="btn-primary w-full disabled:opacity-50"
-                >
-                  {offerSending ? t('common.loading') : t('admin.users.detail.sendOffer')}
-                </button>
-              </div>
-            </div>
+            )}
 
             {/* Recent transactions */}
             {user.recent_transactions.length > 0 && (