external/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-03-09 15:40:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: adding better navigation with search results

Browse source
This commit is contained in:
Hydra 2024-04-14 23:00:56 +01:00
parent 5580a9de38
commit 05a31cf6a6
No known key found for this signature in database
17 changed files with 187 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/renderer/app.tsx
View file

@ -12,15 +12,12 @@ import {
import * as styles from "./app.css";
import { themeClass } from "./theme.css";
import debounce from "lodash/debounce";
import type { DebouncedFunc } from "lodash";
import { Outlet, useLocation, useNavigate } from "react-router-dom";
import {
setSearch,
clearSearch,
setUserPreferences,
setRepackersFriendlyNames,
setSearchResults,
} from "@renderer/features";
document.body.classList.add(themeClass);
@ -36,8 +33,6 @@ export function App() {
const navigate = useNavigate();
const location = useLocation();
const debouncedFunc = useRef<DebouncedFunc<() => void | null>>(null);
const search = useAppSelector((state) => state.search.value);
useEffect(() => {
@ -61,7 +56,7 @@ export function App() {
}
addPacket(downloadProgress);
}
},
);
return () => {
@ -72,26 +67,17 @@ export function App() {
const handleSearch = useCallback(
(query: string) => {
dispatch(setSearch(query));
if (debouncedFunc.current) debouncedFunc.current.cancel();
if (query === "") {
navigate(-1);
return;
}
if (location.pathname !== "/search") {
navigate("/search");
}
debouncedFunc.current = debounce(() => {
window.electron.searchGames(query).then((results) => {
dispatch(setSearchResults(results));
});
}, 300);
debouncedFunc.current();
navigate(`/search/${query}`, {
replace: location.pathname.startsWith("/search"),
});
},
[dispatch, location.pathname, navigate]
[dispatch, location.pathname, navigate],
);
const handleClear = useCallback(() => {