summaryrefslogtreecommitdiffhomepage
path: root/app/lib/components/TrayMenu.js
blob: 5f14ca71f95082ec3eb26cfca3cc6c53f0e3600a (plain)
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
/**
 * Declarative Tray implementation for React + Electron
 */

import React, { Component, PropTypes } from 'react';
import { remote } from 'electron';

const { Menu, MenuItem } = remote;

/**
 * Tray menu component
 * 
 * Example:
 * 
 * const tray = new remote.Tray('/path/to/icon');
 * 
 * return (
 *   <TrayMenu tray={tray}>
 *     <TrayItem label="Visit homepage" />
 *   </TrayMenu>
 * )
 */
export class TrayMenu extends Component {

  static childContextTypes = {
    menu: PropTypes.object.isRequired
  };

  static propTypes = {
    tray: PropTypes.object.isRequired,
    children: PropTypes.arrayOf(PropTypes.node).isRequired
  };

  _contextMenu = null;

  getChildContext() {
    return { menu: this._contextMenu };
  }

  componentDidMount() {
    this.props.tray.setContextMenu(this._contextMenu);
  }

  componentDidUpdate() {
    this.props.tray.setContextMenu(this._contextMenu);
  }

  render() {
    // create new menu during each rendering
    // see: https://github.com/electron/electron/issues/8598
    this._contextMenu = new Menu();

    return (
      <div>{this.props.children}</div>
    );
  }

}

/**
 * Submenu component
 * 
 * Example: 
 * 
 * <TrayMenu tray={this.props.handle}>
 *   <TraySubmenu label="Resources">
 *     <TrayItem label="Homepage" />
 *   </TraySubmenu>
 * </TrayMenu>
 * 
 */
export class TraySubmenu extends Component {

  static contextTypes = {
    menu: PropTypes.object.isRequired
  };

  static childContextTypes = {
    menu: PropTypes.object.isRequired
  };

  static propTypes = {
    children: PropTypes.arrayOf(PropTypes.node).isRequired
  };

  _contextMenu = null;

  getChildContext() {
    return { menu: this._contextMenu };
  }

  render() {
    // create new menu during each rendering
    // see: https://github.com/electron/electron/issues/8598
    this._contextMenu = new Menu();

    this.context.menu.append(new MenuItem({ ...this.props, submenu: this._contextMenu }));

    return (
      <div>{this.props.children}</div>
    );
  }

}

/**
 * Item component
 */
export class TrayItem extends Component {

  static contextTypes = {
    menu: PropTypes.object.isRequired
  };

  render() {
    this.context.menu.append(new MenuItem(this.props));
    return null;
  }

}