admin.schubert/funktechnik-schubert-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(admin): clear media upload input safely

Browse source
This commit is contained in:
Schubert Ferenc 2026-07-03 23:35:16 +02:00
parent ec30f69c72
commit d9da86dd46
1 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
components/admin/MediaManager.tsx
View file

@ -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<HTMLInputElement>(null);
const [files, setFiles] = useState(initialFiles);
const [filter, setFilter] = useState<FilterKey>("all");
const [sort, setSort] = useState<SortKey>("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
<section className="admin-card media-toolbar">
<label>
Datei hochladen
<input type="file" accept="image/jpeg,image/png,image/webp,application/pdf" onChange={upload} disabled={pending} />
<input ref={fileInputRef} type="file" accept="image/jpeg,image/png,image/webp,application/pdf" onChange={upload} disabled={pending} />
</label>
<label>
Suche