forked/topola-viewer
1
0
Fork 0
mirror of https://github.com/PeWu/topola-viewer.git synced 2026-08-03 01:21:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use useHistory and useLocation hooks

Browse Source
This commit is contained in:
Przemek Wiech
2021-11-04 21:09:32 +01:00
parent 6e8b6c7b9e
commit 536d9d4210
5 changed files with 36 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/menu/top_bar.tsx
View File

@@ -5,10 +5,10 @@ import {IndiInfo, JsonGedcomData} from 'topola';
import {Link} from 'react-router-dom';
import {Media} from '../util/media';
import {MenuType} from './menu_item';
import {RouteComponentProps} from 'react-router-dom';
import {SearchBar} from './search';
import {UploadMenu} from './upload_menu';
import {UrlMenu} from './url_menu';
import {useHistory, useLocation} from 'react-router';
import {WikiTreeLoginMenu, WikiTreeMenu} from './wikitree_menu';
enum ScreenSize {
@@ -37,14 +37,16 @@ interface Props {
showWikiTreeMenus: boolean;
}
export function TopBar(props: RouteComponentProps & Props) {
export function TopBar(props: Props) {
const history = useHistory();
const location = useLocation();
function changeView(view: string) {
const location = props.location;
const search = queryString.parse(location.search);
if (search.view !== view) {
search.view = view;
location.search = queryString.stringify(search);
props.history.push(location);
history.push(location);
}
}