meeting-planner/frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Use onClick event listener to change page

Browse Source
This commit is contained in:
rui hildt 2020-05-13 18:58:00 +02:00
parent 644af598af
commit f29ab86582
2 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/Navbar/MenuDropdown.js
View File

@ -1,13 +1,10 @@
import React from 'react'; import React from 'react';
import { import { useHistory } from 'react-router-dom';
BrowserRouter as Router,
Switch,
Route,
NavLink,
} from 'react-router-dom';
import { Nav, Icon, Dropdown, IconButton, Popover, Whisper } from 'rsuite'; import { Nav, Icon, Dropdown, IconButton, Popover, Whisper } from 'rsuite';
export default function MenuDropdown() { export default function MenuDropdown() {
const history = useHistory();
const triggerRef = React.createRef(); const triggerRef = React.createRef();
function handleSelectMenu(eventKey, event) { function handleSelectMenu(eventKey, event) {
@ -18,12 +15,18 @@ export default function MenuDropdown() {
const MenuPopover = ({ onSelect, ...rest }) => ( const MenuPopover = ({ onSelect, ...rest }) => (
<Popover {...rest} full> <Popover {...rest} full>
<Dropdown.Menu onSelect={onSelect}> <Dropdown.Menu onSelect={onSelect}>
<NavLink to='/login'> <Dropdown.Item
<Dropdown.Item eventKey={0}>Login</Dropdown.Item> eventKey={0}
</NavLink> onClick={() => history.push('/login')}
<NavLink to='/register'> >
<Dropdown.Item eventKey={1}>Register</Dropdown.Item> Login
</NavLink> </Dropdown.Item>
<Dropdown.Item
eventKey={1}
onClick={() => history.push('/register')}
>
Register
</Dropdown.Item>
<Dropdown.Item eventKey={2}>Dashboard</Dropdown.Item> <Dropdown.Item eventKey={2}>Dashboard</Dropdown.Item>
<Dropdown.Item eventKey={3}>Schedule a Meeting</Dropdown.Item> <Dropdown.Item eventKey={3}>Schedule a Meeting</Dropdown.Item>
<Dropdown.Item eventKey={4}>Account Settings</Dropdown.Item> <Dropdown.Item eventKey={4}>Account Settings</Dropdown.Item>

2
src/screens/App.js
View File

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import 'rsuite/lib/styles/index.less'; import 'rsuite/lib/styles/index.less';
import { Container } from 'rsuite'; import { Container } from 'rsuite';
import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom'; import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
import Login from './Login'; import Login from './Login';
import Register from './Register'; import Register from './Register';