From 02e5a398140ddae2bf536d6b1a82976248f1975a Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Sun, 12 Jun 2022 16:11:58 +0800
Subject: [PATCH] add routes for getRandomFiles

"t": string, the tagID, empty string stand for all tags
---
 web/src/component/GetRandomFiles.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

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