Mailspring/internal_packages/thread-snooze/lib/snooze-popover.jsx
Juan Tejada e82278ab25 feat(snooze): Adds initial design pass and update snooze popover
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
2016-02-23 20:03:42 -08:00

36 lines
914 B
JavaScript

/** @babel */
import React, {Component, PropTypes} from 'react';
import {Popover} from 'nylas-component-kit';
import SnoozePopoverBody from './snooze-popover-body';
class SnoozePopover extends Component {
static displayName = 'SnoozePopover';
static propTypes = {
threads: PropTypes.array.isRequired,
buttonComponent: PropTypes.object.isRequired,
direction: PropTypes.string,
pointerStyle: PropTypes.object,
popoverStyle: PropTypes.object,
};
render() {
const {buttonComponent, direction, popoverStyle, pointerStyle, threads} = this.props
return (
<Popover
className="snooze-popover"
direction={direction || 'down-align-left'}
buttonComponent={buttonComponent}
popoverStyle={popoverStyle}
pointerStyle={pointerStyle}>
<SnoozePopoverBody threads={threads}/>
</Popover>
);
}
}
export default SnoozePopover;