__ __ __ __ _____ _ _ _____ _ _ _
| \/ | \ \ / / | __ \ (_) | | / ____| | | | |
| \ / |_ __\ V / | |__) | __ ___ ____ _| |_ ___ | (___ | |__ ___| | |
| |\/| | '__|> < | ___/ '__| \ \ / / _` | __/ _ \ \___ \| '_ \ / _ \ | |
| | | | |_ / . \ | | | | | |\ V / (_| | || __/ ____) | | | | __/ | |
|_| |_|_(_)_/ \_\ |_| |_| |_| \_/ \__,_|\__\___| |_____/|_| |_|\___V 2.1
if you need WebShell for Seo everyday contact me on Telegram
Telegram Address : @jackleet
For_More_Tools:
import { Modal } from '@help-center/components/modal/Modal';
import { GuidedTour } from '@help-center/components/tours/GuidedTour';
import { useRouter } from '@help-center/hooks/useRouter';
import { useGlobalSyncStore } from '@help-center/state/globals-sync';
import { useEffect } from '@wordpress/element';
import { AnimatePresence } from 'framer-motion';
export const HelpCenter = () => {
// register a custom event to hide the Help Center.
const { setVisibility, visibility } = useGlobalSyncStore();
const { navigateTo } = useRouter();
useEffect(() => {
const handleOpen = (event) => {
event?.detail?.page && navigateTo(event.detail.page);
setVisibility('open');
};
const handleMinimize = () => {
if (visibility !== 'open') return;
setVisibility('minimized');
};
window.addEventListener('extendify-hc:open', handleOpen);
window.addEventListener('extendify-hc:minimize', handleMinimize);
return () => {
window.removeEventListener('extendify-hc:open', handleOpen);
window.removeEventListener('extendify-hc:minimize', handleMinimize);
};
}, [setVisibility, visibility, navigateTo]);
return (
<>
<AnimatePresence>
<Modal />
</AnimatePresence>
<GuidedTour />
</>
);
};