mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-24 01:06:07 +08:00
a5ee197660
Summary: - Add FixedPopover, an absolutely positioned popover component to use for swipe snoozing: - This component needs to be finished, as its current behavior is primarily for the snooze plugin - Updates popover.cjsx to properly render pointer for thesnooze popover for the `down` direction - Adds new design assets - Adds date input to snooze popover Test Plan: - TODO Reviewers: evan, bengotow Reviewed By: bengotow Differential Revision: https://phab.nylas.com/D2624
47 lines
1.2 KiB
JavaScript
47 lines
1.2 KiB
JavaScript
import React, {Component, PropTypes} from 'react';
|
|
import {PopoverStore, Actions} from 'nylas-exports';
|
|
import SnoozePopoverBody from './snooze-popover-body';
|
|
|
|
|
|
class QuickActionSnoozeButton extends Component {
|
|
static displayName = 'QuickActionSnoozeButton';
|
|
|
|
static propTypes = {
|
|
thread: PropTypes.object,
|
|
};
|
|
|
|
constructor() {
|
|
super();
|
|
}
|
|
|
|
onClick = (event)=> {
|
|
event.stopPropagation()
|
|
if (PopoverStore.isPopoverOpen()) {
|
|
Actions.closePopover();
|
|
return;
|
|
}
|
|
const {thread} = this.props;
|
|
|
|
// Grab the parent node because of the zoom applied to this button. If we
|
|
// took this element directly, we'd have to divide everything by 2
|
|
const element = React.findDOMNode(this).parentNode;
|
|
const {height, width, top, left} = element.getBoundingClientRect()
|
|
|
|
// The parent node is a bit too much to the left, lets adjust this.
|
|
const rect = {height, width, top, left: left + 5}
|
|
Actions.openPopover(
|
|
<SnoozePopoverBody threads={[thread]}/>,
|
|
rect,
|
|
"left"
|
|
)
|
|
};
|
|
|
|
static containerRequired = false;
|
|
|
|
render() {
|
|
return <div title="Snooze" className="btn action action-snooze" onClick={this.onClick}/>
|
|
}
|
|
}
|
|
|
|
export default QuickActionSnoozeButton
|