Kieran/route96
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: filter list by mime

Browse Source
This commit is contained in:
kieran 2025-02-06 22:33:26 +00:00
parent 16a14de5d6
commit e1fca9a604
No known key found for this signature in database
GPG Key ID: DE71CEB3925BE941
2 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui_src/src/upload/admin.ts
View File

@ -22,9 +22,9 @@ export class Route96 {
return data;
}
async listFiles(page = 0, count = 10) {
async listFiles(page = 0, count = 10, mime: string | undefined) {
const rsp = await this.#req(
`admin/files?page=${page}&count=${count}`,
`admin/files?page=${page}&count=${count}${mime ? `&mime_type=${mime}` : ""}`,
"GET",
);
const data = await this.#handleResponse<AdminResponseFileList>(rsp);

17
ui_src/src/views/upload.tsx
View File

@ -23,6 +23,7 @@ export default function Upload() {
const [adminListedFiles, setAdminListedFiles] = useState<Nip96FileList>();
const [listedPage, setListedPage] = useState(0);
const [adminListedPage, setAdminListedPage] = useState(0);
const [mimeFilter, setMimeFilter] = useState<string>();
const login = useLogin();
const pub = usePublisher();
@ -85,7 +86,7 @@ export default function Upload() {
try {
setError(undefined);
const uploader = new Route96(url, pub);
const result = await uploader.listFiles(n, 50);
const result = await uploader.listFiles(n, 50, mimeFilter);
setAdminListedFiles(result);
} catch (e) {
if (e instanceof Error) {
@ -135,7 +136,7 @@ export default function Upload() {
useEffect(() => {
listAllUploads(adminListedPage);
}, [adminListedPage]);
}, [adminListedPage, mimeFilter]);
useEffect(() => {
if (pub && !self) {
@ -249,6 +250,18 @@ export default function Upload() {
<hr />
<h3>Admin File List:</h3>
<Button onClick={() => listAllUploads(0)}>List All Uploads</Button>
<div>
<select value={mimeFilter} onChange={e => setMimeFilter(e.target.value)}>
<option value={""}>All</option>
<option>image/webp</option>
<option>image/jpeg</option>
<option>image/jpg</option>
<option>image/png</option>
<option>image/gif</option>
<option>video/mp4</option>
<option>video/mov</option>
</select>
</div>
{adminListedFiles && (
<FileList
files={adminListedFiles.files}