Refactor authentication with Context
This commit is contained in:
@@ -1,6 +1,5 @@
|
||||
import React from 'react';
|
||||
import { useHistory } from 'react-router-dom';
|
||||
|
||||
import { Nav, Icon, Dropdown, Popover, Whisper } from 'rsuite';
|
||||
|
||||
export default function MenuDropdown() {
|
||||
@@ -12,18 +11,34 @@ export default function MenuDropdown() {
|
||||
triggerRef.current.hide();
|
||||
}
|
||||
|
||||
function handleLogout() {
|
||||
localStorage.removeItem('token');
|
||||
localStorage.removeItem('user');
|
||||
history.push('/');
|
||||
}
|
||||
|
||||
const MenuPopover = ({ onSelect, ...rest }) => (
|
||||
<Popover {...rest} full>
|
||||
<Dropdown.Menu onSelect={onSelect}>
|
||||
<Dropdown.Item eventKey={'/'}>Dashboard</Dropdown.Item>
|
||||
<Dropdown.Item eventKey={'register'}>Register</Dropdown.Item>
|
||||
<Dropdown.Item eventKey={'login'}>Login</Dropdown.Item>
|
||||
<Dropdown.Item eventKey={'schedule'}>1 - Schedule a meeting</Dropdown.Item>
|
||||
<Dropdown.Item eventKey={'invite'}>2 - Invite participants</Dropdown.Item>
|
||||
<Dropdown.Item eventKey={'availability'}>3 - Add your availability</Dropdown.Item>
|
||||
<Dropdown.Item eventKey={'confirm'}>4 - Confirm meeting date</Dropdown.Item>
|
||||
<Dropdown.Item eventKey={'schedule'}>
|
||||
1 - Schedule a meeting
|
||||
</Dropdown.Item>
|
||||
<Dropdown.Item eventKey={'invite'}>
|
||||
2 - Invite participants
|
||||
</Dropdown.Item>
|
||||
<Dropdown.Item eventKey={'availability'}>
|
||||
3 - Add your availability
|
||||
</Dropdown.Item>
|
||||
<Dropdown.Item eventKey={'confirm'}>
|
||||
4 - Confirm meeting date
|
||||
</Dropdown.Item>
|
||||
<Dropdown.Item eventKey={'settings'}>Settings</Dropdown.Item>
|
||||
<Dropdown.Item eventKey={5}>Log Out</Dropdown.Item>
|
||||
<Dropdown.Item eventKey={5} onSelect={() => handleLogout()}>
|
||||
Log Out
|
||||
</Dropdown.Item>
|
||||
</Dropdown.Menu>
|
||||
</Popover>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user