diff --git a/components/admin/MediaManager.tsx b/components/admin/MediaManager.tsx index d36a4ab..1a5a023 100644 --- a/components/admin/MediaManager.tsx +++ b/components/admin/MediaManager.tsx @@ -2,7 +2,7 @@ /* eslint-disable @next/next/no-img-element */ -import { useEffect, useMemo, useState, type ChangeEvent } from "react"; +import { useEffect, useMemo, useRef, useState, type ChangeEvent } from "react"; import type { MediaFile } from "@/lib/admin/media"; type SortKey = "date" | "name" | "size"; @@ -28,6 +28,7 @@ function sortFiles(files: MediaFile[], sort: SortKey) { } export default function MediaManager({ initialFiles }: { initialFiles: MediaFile[] }) { + const fileInputRef = useRef(null); const [files, setFiles] = useState(initialFiles); const [filter, setFilter] = useState("all"); const [sort, setSort] = useState("date"); @@ -78,7 +79,7 @@ export default function MediaManager({ initialFiles }: { initialFiles: MediaFile if (!response.ok) throw new Error(result.message ?? "Upload fehlgeschlagen."); if (result.files) setFiles(result.files); setToast(result.message ?? "Datei erfolgreich hochgeladen."); - event.currentTarget.value = ""; + if (fileInputRef.current) fileInputRef.current.value = ""; } catch (err) { setError(err instanceof Error ? err.message : "Upload fehlgeschlagen."); } finally { @@ -140,7 +141,7 @@ export default function MediaManager({ initialFiles }: { initialFiles: MediaFile