import { Router, LocationProvider, Redirect } from '@reach/router'; import Templates from './pages/templates'; import TemplateType from './pages/template-type'; import AddNew from './pages/add-new'; import Conditions from './pages/conditions/conditions'; import Import from './pages/import'; import TemplatesProvider, { Context as TemplatesContext } from './context/templates'; import { Layout, AllPartsButton, NotFound } from '@elementor/site-editor'; import { ErrorBoundary, Grid, Button } from '@elementor/app-ui'; import router from '@elementor/router'; import Component from './data/component'; import useFeatureLock from 'elementor-pro-app/hooks/use-feature-lock'; import './site-editor.scss'; function SiteEditor() { const { isLocked } = useFeatureLock( 'site-editor' ); const basePath = 'site-editor'; const headerButtons = [ { id: 'import', text: __( 'import', 'elementor-pro' ), hideText: true, icon: 'eicon-upload-circle-o', onClick: () => router.appHistory.navigate( basePath + '/import' ), }, ]; // Remove Core cache. elementorCommon.ajax.invalidateCache( { unique_id: 'app_site_editor_template_types', } ); const SiteEditorDefault = () => { const { templates } = React.useContext( TemplatesContext ); if ( Object.keys( templates ).length ) { return ; } return ; }; return ( } headerButtons={ headerButtons } titleRedirectRoute={ '/' + basePath } promotion={ isLocked }>