Mailspring/internal_packages/main-calendar/lib/quick-event-button.jsx

31 lines
710 B
React
Raw Normal View History

import React from 'react';
import ReactDOM from 'react-dom';
import {Actions} from 'nylas-exports';
import QuickEventPopover from './quick-event-popover';
export default class QuickEventButton extends React.Component {
static displayName = "QuickEventButton";
onClick = (event) => {
event.stopPropagation()
const buttonRect = ReactDOM.findDOMNode(this).getBoundingClientRect()
Actions.openPopover(
<QuickEventPopover />,
{originRect: buttonRect, direction: 'down'}
)
};
render() {
return (
<button
style={{order: -50}}
tabIndex={-1}
className="btn btn-toolbar"
onClick={this.onClick}
>
+
</button>
);
}
}