File "header-back-button.js"
Full Path: /home/warrior1/public_html/plugins/elementor/app/modules/kit-library/assets/js/components/layout/header-back-button.js
File size: 1.13 KB
MIME-type: text/x-java
Charset: utf-8
import { Button } from '@elementor/app-ui';
import { useLastFilterContext } from '../../context/last-filter-context';
import { useNavigate } from '@reach/router';
import { appsEventTrackingDispatch } from 'elementor-app/event-track/apps-event-tracking';
import './header-back-button.scss';
export default function HeaderBackButton( props ) {
const navigate = useNavigate(),
{ lastFilter } = useLastFilterContext(),
eventTracking = ( command, eventType = 'click' ) => {
appsEventTrackingDispatch(
command,
{
page_source: props.pageId,
kit_name: props.kitName,
element_position: 'app_header',
event_type: eventType,
},
);
};
return (
<div className="e-kit-library__header-back-container">
<Button
className="e-kit-library__header-back"
icon="eicon-chevron-left"
text={ __( 'Back to Library', 'elementor' ) }
onClick={ () => {
eventTracking( 'kit-library/back-to-library' );
navigate( wp.url.addQueryArgs( '/kit-library', lastFilter ) );
} }
/>
</div>
);
}
HeaderBackButton.propTypes = {
pageId: PropTypes.string.isRequired,
kitName: PropTypes.string.isRequired,
};