From 9c4535e8c144cefab6d5671da5d2b935460fb415 Mon Sep 17 00:00:00 2001
From: NotBigGhost <ivan@arseniev.info>
Date: Wed, 17 Jun 2026 22:07:52 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BE=D1=82=D0=BB=D0=B0=D0=B4=D0=BA=D0=B0=20?=
 =?UTF-8?q?=D0=BF=D1=80=D0=B8=D0=BA=D1=80=D0=B5=D0=BF=D0=BB=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D1=8F=20=D1=84=D0=B0=D0=B9=D0=BB=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/MatchMedia.tsx      | 10 +++++----
 frontend/src/pages/MatchDetailPage.tsx      | 25 ++++++++++++---------
 frontend/src/pages/admin/AdminMatchEdit.tsx | 25 ++++++++++++---------
 3 files changed, 34 insertions(+), 26 deletions(-)

diff --git a/frontend/src/components/MatchMedia.tsx b/frontend/src/components/MatchMedia.tsx
index 89e0266..742a640 100644
--- a/frontend/src/components/MatchMedia.tsx
+++ b/frontend/src/components/MatchMedia.tsx
@@ -1,3 +1,4 @@
+import { Paperclip } from "lucide-react";
 import { useRef } from "react";
 
 import { ApiError } from "../api/client";
@@ -81,15 +82,16 @@ export function MatchMedia({
           ))}
         </div>
       )}
-      {editable && (
+      {editable && !full && (
         <>
           <button
             className="btn small"
-            style={{ marginTop: 8 }}
+            style={{ marginTop: 8, gap: 6 }}
             onClick={() => fileRef.current?.click()}
-            disabled={pending || full}
+            disabled={pending}
           >
-            {full ? `Максимум ${max} фото` : "Добавить фото"}
+            <Paperclip size={16} />
+            Прикрепить медиа
           </button>
           <input
             ref={fileRef}
diff --git a/frontend/src/pages/MatchDetailPage.tsx b/frontend/src/pages/MatchDetailPage.tsx
index dda2d83..3232152 100644
--- a/frontend/src/pages/MatchDetailPage.tsx
+++ b/frontend/src/pages/MatchDetailPage.tsx
@@ -201,18 +201,21 @@ export function MatchDetailPage() {
 
               <div className="field">
                 <label className="label">Комментарий о партии</label>
-                <textarea rows={2} value={overall} onChange={(e) => setOverall(e.target.value)} />
-              </div>
-
-              <div className="field">
-                <label className="label">Фото партии (до 10)</label>
-                <MatchMedia
-                  attachments={match.attachments}
-                  editable
-                  onUpload={(f) => uploadAtt.mutateAsync(f)}
-                  onDelete={(aid) => deleteAtt.mutateAsync(aid)}
-                  pending={uploadAtt.isPending || deleteAtt.isPending}
+                <textarea
+                  rows={2}
+                  style={{ resize: "none" }}
+                  value={overall}
+                  onChange={(e) => setOverall(e.target.value)}
                 />
+                <div style={{ marginTop: 8 }}>
+                  <MatchMedia
+                    attachments={match.attachments}
+                    editable
+                    onUpload={(f) => uploadAtt.mutateAsync(f)}
+                    onDelete={(aid) => deleteAtt.mutateAsync(aid)}
+                    pending={uploadAtt.isPending || deleteAtt.isPending}
+                  />
+                </div>
               </div>
 
               {error && <p className="error-text">{error}</p>}
diff --git a/frontend/src/pages/admin/AdminMatchEdit.tsx b/frontend/src/pages/admin/AdminMatchEdit.tsx
index 91a93a9..15b7cd9 100644
--- a/frontend/src/pages/admin/AdminMatchEdit.tsx
+++ b/frontend/src/pages/admin/AdminMatchEdit.tsx
@@ -158,18 +158,21 @@ export function AdminMatchEdit({ matchId, onClose }: { matchId: number; onClose:
 
               <div className="field">
                 <label className="label">Комментарий о партии</label>
-                <textarea rows={2} value={overall} onChange={(e) => setOverall(e.target.value)} />
-              </div>
-
-              <div className="field">
-                <label className="label">Медиа (до 10)</label>
-                <MatchMedia
-                  attachments={attachments ?? []}
-                  editable
-                  onUpload={(f) => uploadAtt.mutateAsync(f)}
-                  onDelete={(aid) => deleteAtt.mutateAsync(aid)}
-                  pending={uploadAtt.isPending || deleteAtt.isPending}
+                <textarea
+                  rows={2}
+                  style={{ resize: "none" }}
+                  value={overall}
+                  onChange={(e) => setOverall(e.target.value)}
                 />
+                <div style={{ marginTop: 8 }}>
+                  <MatchMedia
+                    attachments={attachments ?? []}
+                    editable
+                    onUpload={(f) => uploadAtt.mutateAsync(f)}
+                    onDelete={(aid) => deleteAtt.mutateAsync(aid)}
+                    pending={uploadAtt.isPending || deleteAtt.isPending}
+                  />
+                </div>
               </div>
 
               {error && <p className="error-text">{error}</p>}