From 5a8195f83fb78604af260fc127f4085742d3750f Mon Sep 17 00:00:00 2001
From: c0mrade <killmy666@gmail.com>
Date: Tue, 26 May 2026 10:39:22 +0300
Subject: [PATCH] fix(a11y): label associations for AdminPromoGroupCreate +
 AdminPinnedMessageCreate
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add htmlFor/id pairs for the name + auto-assign inputs (AdminPromoGroupCreate) and the
content textarea (AdminPinnedMessageCreate). AdminPromoOfferSend skipped — its labels
sit above button-groups, not native controls (a separate role=group/radiogroup pass).
---
 src/pages/AdminPinnedMessageCreate.tsx | 3 ++-
 src/pages/AdminPromoGroupCreate.tsx    | 6 ++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/pages/AdminPinnedMessageCreate.tsx b/src/pages/AdminPinnedMessageCreate.tsx
index 4398c4b..b2f4cd4 100644
--- a/src/pages/AdminPinnedMessageCreate.tsx
+++ b/src/pages/AdminPinnedMessageCreate.tsx
@@ -246,10 +246,11 @@ export default function AdminPinnedMessageCreate() {
       <div className="card space-y-6">
         {/* Message text */}
         <div>
-          <label className="mb-2 block text-sm font-medium text-dark-300">
+          <label htmlFor="pm-content" className="mb-2 block text-sm font-medium text-dark-300">
             {t('admin.pinnedMessages.content')}
           </label>
           <textarea
+            id="pm-content"
             value={content}
             onChange={(e) => setContent(e.target.value)}
             placeholder={t('admin.pinnedMessages.contentPlaceholder')}
diff --git a/src/pages/AdminPromoGroupCreate.tsx b/src/pages/AdminPromoGroupCreate.tsx
index 4e4dc43..3adafe0 100644
--- a/src/pages/AdminPromoGroupCreate.tsx
+++ b/src/pages/AdminPromoGroupCreate.tsx
@@ -192,11 +192,12 @@ export default function AdminPromoGroupCreate() {
       <div className="card space-y-4">
         {/* Name */}
         <div>
-          <label className="mb-2 block text-sm font-medium text-dark-300">
+          <label htmlFor="pg-name" className="mb-2 block text-sm font-medium text-dark-300">
             {t('admin.promoGroups.form.name')}
             <span className="text-error-400">*</span>
           </label>
           <input
+            id="pg-name"
             type="text"
             value={name}
             onChange={(e) => setName(e.target.value)}
@@ -349,11 +350,12 @@ export default function AdminPromoGroupCreate() {
 
         {/* Auto-assign */}
         <div>
-          <label className="mb-2 block text-sm font-medium text-dark-300">
+          <label htmlFor="pg-auto-assign" className="mb-2 block text-sm font-medium text-dark-300">
             {t('admin.promoGroups.form.autoAssign')}
           </label>
           <div className="flex items-center gap-2">
             <input
+              id="pg-auto-assign"
               type="number"
               value={autoAssignSpent}
               onChange={(e) => {