All files / packages/design-system/ui/components/global-header/task index.jsx

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
// Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 
import React, { Component } from 'react';
import { Menu, MenuList, MenuItem } from '../../menus/dropdown/example';
import { StandardIcon } from '../../icons/standard/example';
 
class GlobalTaskMenu extends Component {
  render() {
    return (
      <Menu
        className="slds-dropdown_right slds-nubbin_top-right"
        style={{ right: '-1rem' }}
      >
        <MenuList>
          <MenuItem
            iconLeft={
              <StandardIcon
                containerClassName="slds-m-right_x-small"
                className="slds-icon_small"
                symbol="event"
              />
            }
            tabIndex="0"
          >
            New Event
          </MenuItem>
          <MenuItem
            iconLeft={
              <StandardIcon
                containerClassName="slds-m-right_x-small"
                className="slds-icon_small"
                symbol="note"
              />
            }
            tabIndex="0"
          >
            New Note
          </MenuItem>
          <MenuItem
            iconLeft={
              <StandardIcon
                containerClassName="slds-m-right_x-small"
                className="slds-icon_small"
                symbol="email"
              />
            }
            tabIndex="0"
          >
            New Email
          </MenuItem>
        </MenuList>
      </Menu>
    );
  }
}
 
export default GlobalTaskMenu;