80 lines
1.7 KiB
JavaScript
80 lines
1.7 KiB
JavaScript
/** @format */
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
import { Button } from '@wordpress/components';
|
|
import { Component } from '@wordpress/element';
|
|
import { compose } from '@wordpress/compose';
|
|
import { withDispatch } from '@wordpress/data';
|
|
import PropTypes from 'prop-types';
|
|
|
|
/**
|
|
* WooCommerce dependencies
|
|
*/
|
|
import { ADMIN_URL as adminUrl } from '@woocommerce/wc-admin-settings';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
class InboxNoteAction extends Component {
|
|
constructor( props ) {
|
|
super( props );
|
|
this.state = {
|
|
inAction: false,
|
|
};
|
|
|
|
this.handleActionClick = this.handleActionClick.bind( this );
|
|
}
|
|
|
|
handleActionClick( event ) {
|
|
const { action, noteId, triggerNoteAction } = this.props;
|
|
const href = event.target.href || '';
|
|
let inAction = true;
|
|
|
|
if ( href.length && ! href.startsWith( adminUrl ) ) {
|
|
event.preventDefault();
|
|
inAction = false; // link buttons shouldn't be "busy".
|
|
window.open( href, '_blank' );
|
|
}
|
|
|
|
this.setState( { inAction }, () => triggerNoteAction( noteId, action.id ) );
|
|
}
|
|
|
|
render() {
|
|
const { action } = this.props;
|
|
return (
|
|
<Button
|
|
isDefault
|
|
isPrimary={ action.primary }
|
|
isBusy={ this.state.inAction }
|
|
disabled={ this.state.inAction }
|
|
href={ action.url || undefined }
|
|
onClick={ this.handleActionClick }
|
|
>
|
|
{ action.label }
|
|
</Button>
|
|
);
|
|
}
|
|
}
|
|
|
|
InboxNoteAction.propTypes = {
|
|
noteId: PropTypes.number,
|
|
action: PropTypes.shape( {
|
|
id: PropTypes.number.isRequired,
|
|
url: PropTypes.string,
|
|
label: PropTypes.string.isRequired,
|
|
primary: PropTypes.bool.isRequired,
|
|
} ),
|
|
};
|
|
|
|
export default compose(
|
|
withDispatch( dispatch => {
|
|
const { triggerNoteAction } = dispatch( 'wc-api' );
|
|
|
|
return {
|
|
triggerNoteAction,
|
|
};
|
|
} )
|
|
)( InboxNoteAction );
|