- import React from 'react';
- import { connect } from 'react-redux';
- import PropTypes from 'prop-types';
- import SearchContainer from 'mastodon/features/compose/containers/search_container';
- import ComposeFormContainer from 'mastodon/features/compose/containers/compose_form_container';
- import NavigationContainer from 'mastodon/features/compose/containers/navigation_container';
- import LinkFooter from './link_footer';
- import { changeComposing } from 'mastodon/actions/compose';
-
- export default @connect()
- class ComposePanel extends React.PureComponent {
-
- static propTypes = {
- dispatch: PropTypes.func.isRequired,
- };
-
- onFocus = () => {
- this.props.dispatch(changeComposing(true));
- }
-
- onBlur = () => {
- this.props.dispatch(changeComposing(false));
- }
-
- render() {
- return (
- <div className='compose-panel' onFocus={this.onFocus}>
- <SearchContainer openInRoute />
- <NavigationContainer onClose={this.onBlur} />
- <ComposeFormContainer singleColumn />
- <LinkFooter withHotkeys />
- </div>
- );
- }
-
- }
|