-
Notifications
You must be signed in to change notification settings - Fork 0
/
SettingsMenuDropdown.js
37 lines (32 loc) · 1.04 KB
/
SettingsMenuDropdown.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import React, { Component } from "react";
import { Link } from "react-router-dom";
import { Dropdown, Icon } from "semantic-ui-react";
import { RoutesContext } from "src/contexts/RoutesContext";
import "./settingsMenuDropdown.css";
const Settings = () => (
<Icon name="configure" size="large" className="settings-menu-dropdown__icon" />
);
export class SettingsMenuDropdown extends Component {
render() {
return (
<Dropdown
trigger={<Settings />}
pointing="top right"
className="settings-menu-dropdown"
icon={null}
>
<Dropdown.Menu>
<Dropdown.Header>Settings</Dropdown.Header>
<Dropdown.Divider />
<Dropdown.Item as={Link} to={this.context.configuration}>
<Icon name="configure" /> Configuration
</Dropdown.Item>
<Dropdown.Item as={Link} to={this.context.users}>
<Icon name="users" /> Users
</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
);
}
}
SettingsMenuDropdown.contextType = RoutesContext;