heimoshuiyu/msw-open-music
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

add routes for getRandomFiles

Browse Source 
"t": string, the tagID, empty string stand for all tags
This commit is contained in:
黑墨水鱼
2022-06-12 16:11:58 +08:00
parent 522844a447
commit 02e5a39814
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/component/GetRandomFiles.js
View File

@@ -1,11 +1,15 @@
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { useNavigate } from "react-router-dom";
import { useQuery } from "./Common";
import FilesTable from "./FilesTable"; import FilesTable from "./FilesTable";
function GetRandomFiles(props) { function GetRandomFiles(props) {
const [files, setFiles] = useState([]); const [files, setFiles] = useState([]);
const [isLoading, setIsLoading] = useState(false); const [isLoading, setIsLoading] = useState(false);
const [tags, setTags] = useState([]); const [tags, setTags] = useState([]);
const [selectedTag, setSelectedTag] = useState(""); const navigator = useNavigate();
const query = useQuery();
const selectedTag = query.get("t") || "";
function getRandomFiles() { function getRandomFiles() {
setIsLoading(true); setIsLoading(true);
@@ -85,8 +89,9 @@ function GetRandomFiles(props) {
<select <select
className="tag_select" className="tag_select"
onChange={(event) => { onChange={(event) => {
setSelectedTag(event.target.value); navigator(`/?t=${event.target.value}`);
}} }}
value={selectedTag}
> >
<option value="">All</option> <option value="">All</option>
{tags.map((tag) => ( {tags.map((tag) => (