From 6f61bbd9740e517281de298ad8882c2ad1f4b124 Mon Sep 17 00:00:00 2001
From: nns <278048682+nurdotnet@users.noreply.github.com>
Date: Sun, 26 Apr 2026 15:08:13 +0500
Subject: [PATCH] =?UTF-8?q?ui(roles):=20warning=20=C2=AB=D0=B8=D0=B7=D0=BC?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=BF=D1=80=D0=B8=D0=BC?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=8F=D1=82=D1=81=D1=8F=20=D0=BA=D0=BE=20=D0=B2?=
 =?UTF-8?q?=D1=81=D0=B5=D0=BC=20=D1=81=D0=BE=D1=82=D1=80=D1=83=D0=B4=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=BA=D0=B0=D0=BC=C2=BB=20=D0=BF=D1=80=D0=B8=20edit?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Edit модалка для кастомной роли (не системной, существующей) теперь
показывает amber-плашку перед матрицей прав — напоминает что галка
тут касается N людей сразу. Системные роли — без плашки (там
disabled чекбоксы).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/food-market.web/src/pages/EmployeeRolesPage.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/food-market.web/src/pages/EmployeeRolesPage.tsx b/src/food-market.web/src/pages/EmployeeRolesPage.tsx
index 6a5f8a1..14dd0fc 100644
--- a/src/food-market.web/src/pages/EmployeeRolesPage.tsx
+++ b/src/food-market.web/src/pages/EmployeeRolesPage.tsx
@@ -229,7 +229,7 @@ export function EmployeeRolesPage() {
       <Modal
         open={!!form}
         onClose={() => setForm(null)}
-        title={form?.id ? 'Редактировать роль' : 'Новая роль'}
+        title={form?.id ? `Редактировать роль${form.isSystem ? ' (системная)' : ''}` : 'Новая роль'}
         width="max-w-2xl"
         footer={
           <>
@@ -256,6 +256,11 @@ export function EmployeeRolesPage() {
             <Field label="Описание">
               <TextArea rows={2} value={form.description} onChange={(e) => setForm({ ...form, description: e.target.value })} />
             </Field>
+            {form.id && !form.isSystem && (
+              <div className="rounded-md bg-amber-50 border border-amber-200 dark:bg-amber-900/20 dark:border-amber-800 px-3 py-2 text-xs text-amber-800 dark:text-amber-200">
+                ⚠️ Изменение прав применится ко ВСЕМ сотрудникам с этой ролью.
+              </div>
+            )}
             <div className="border-t border-slate-200 dark:border-slate-700 pt-3 space-y-4">
               <h3 className="text-sm font-semibold">Права</h3>
               {PERM_GROUPS.map((g) => (