отладка прикрепления файлов

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}

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)} />
+                <textarea
-              </div>
+                  rows={2}
-
+                  style={{ resize: "none" }}
-              <div className="field">
+                  value={overall}
-                <label className="label">Фото партии (до 10)</label>
+                  onChange={(e) => setOverall(e.target.value)}
-                <MatchMedia
-                  attachments={match.attachments}
-                  editable
-                  onUpload={(f) => uploadAtt.mutateAsync(f)}
-                  onDelete={(aid) => deleteAtt.mutateAsync(aid)}
-                  pending={uploadAtt.isPending || deleteAtt.isPending}
                 />
+                <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>}

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)} />
+                <textarea
-              </div>
+                  rows={2}
-
+                  style={{ resize: "none" }}
-              <div className="field">
+                  value={overall}
-                <label className="label">Медиа (до 10)</label>
+                  onChange={(e) => setOverall(e.target.value)}
-                <MatchMedia
-                  attachments={attachments ?? []}
-                  editable
-                  onUpload={(f) => uploadAtt.mutateAsync(f)}
-                  onDelete={(aid) => deleteAtt.mutateAsync(aid)}
-                  pending={uploadAtt.isPending || deleteAtt.isPending}
                 />
+                <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>}