Админ: управление медиа партии (добавление/удаление в любой момент)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

frontend/src/pages/admin/AdminMatchEdit.tsx

@@ -1,10 +1,18 @@
 import { useEffect, useState } from "react";
 
 import { ApiError } from "../../api/client";
+import { MatchMedia } from "../../components/MatchMedia";
 import { Spinner } from "../../components/Spinner";
 import { WIN_REASONS, type WinReason } from "../../domain/winReasons";
 import { useToast } from "../../context/ToastContext";
-import { useAdminFactions, useAdminMatch, useAdminUpdateMatch } from "../../hooks/admin";
+import {
+  useAdminDeleteAttachment,
+  useAdminFactions,
+  useAdminMatch,
+  useAdminMatchAttachments,
+  useAdminUpdateMatch,
+  useAdminUploadAttachment,
+} from "../../hooks/admin";
 
 interface Row {
   user_id: number;
@@ -18,7 +26,10 @@ interface Row {
 export function AdminMatchEdit({ matchId, onClose }: { matchId: number; onClose: () => void }) {
   const { data: match, isLoading } = useAdminMatch(matchId);
   const { data: factions } = useAdminFactions();
+  const { data: attachments } = useAdminMatchAttachments(matchId);
   const update = useAdminUpdateMatch();
+  const uploadAtt = useAdminUploadAttachment(matchId);
+  const deleteAtt = useAdminDeleteAttachment(matchId);
   const toast = useToast();
 
   const [rows, setRows] = useState<Row[]>([]);
@@ -150,6 +161,17 @@ export function AdminMatchEdit({ matchId, onClose }: { matchId: number; onClose:
                 <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}
+                />
+              </div>
+
               {error && <p className="error-text">{error}</p>}
 
               <button className="btn btn-primary" style={{ width: "100%" }} onClick={save} disabled={update.isPending}>