Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
primogenial
/
plugins
/
elementor
/
app
/
modules
/
onboarding
/
assets
/
js
/
components
/
layout
:
header.js
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
import { useContext } from 'react'; import { OnboardingContext } from '../../context/context'; import Grid from 'elementor-app/ui/grid/grid'; import GoProPopover from '../go-pro-popover'; import HeaderButtons from 'elementor-app/layout/header-buttons'; import usePageTitle from 'elementor-app/hooks/use-page-title'; export default function Header( props ) { usePageTitle( { title: props.title } ); const { state } = useContext( OnboardingContext ); const onClose = () => { elementorCommon.events.dispatchEvent( { event: 'close modal', version: '', details: { placement: elementorAppConfig.onboarding.eventPlacement, step: state.currentStep, }, } ); window.top.location = elementorAppConfig.admin_url; }; return ( <Grid container alignItems="center" justify="space-between" className="eps-app__header e-onboarding__header"> <div className="eps-app__logo-title-wrapper e-onboarding__header-logo"> <i className="eps-app__logo eicon-elementor" /> <img src={ elementorCommon.config.urls.assets + 'images/logo-platform.svg' } alt={ __( 'Elementor Logo', 'elementor' ) } /> </div> <HeaderButtons buttons={ props.buttons } onClose={ onClose } /> { ! state.hasPro && <GoProPopover buttonsConfig={ props.buttons } /> } </Grid> ); } Header.propTypes = { title: PropTypes.string, buttons: PropTypes.arrayOf( PropTypes.object ), }; Header.defaultProps = { buttons: [], };