| Server IP : 87.98.154.146 / Your IP : 216.73.216.165 Web Server : Apache System : Linux webm004.cluster126.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64 User : ohklomafyi ( 52085) PHP Version : 7.4.33 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/ohklomafyi/www/wp-content/themes/oceanwp/inc/customizer/assets/src/js/ |
Upload File : |
import React from "react";
import { __ } from '@wordpress/i18n';
import { render } from 'react-dom';
import SearchBox from './components/search-box';
import '../css/customize-search-style.scss';
import SearchHandler from './components/search-box/search-handler'
var _SearchHandler;
const CustomizeSearch = () => {
const [ showModal, setShowModal ] = React.useState( false );
/**
* Hide Modal
*/
const handleShowModal = () => {
setShowModal( false );
}
return <>
<a className="customize-controls-ocean-search dashicons dashicons-search"
onClick = { () => {
setShowModal( true );
setTimeout(() => {
ReactDOM.findDOMNode( document.getElementById( 'ocean-wp-customize-search-input' ) ).focus();
}, 500);
return false;
}}>
<span className="screen-reader-text">{ __( 'Search' ) }</span>
</a>
{ showModal ? <SearchBox show = { showModal } onHide = { handleShowModal } searchHandler = { _SearchHandler } ></SearchBox> : '' }
</>;
}
jQuery( document ).on( 'ready', function() {
_SearchHandler = new SearchHandler( );
jQuery('#customize-header-actions').append("<div id=\"ocean-wp-customize-search\"></div>");
render( <CustomizeSearch></CustomizeSearch>, document.getElementById( 'ocean-wp-customize-search' ) );
})