File manager - Edit - /home/vblioqus/safa777.info/Old2/test/wp-content/plugins/extendify/src/Agent/components/buttons/Mobile.jsx
Back
import { useEffect, useRef } from '@wordpress/element'; import { __ } from '@wordpress/i18n'; import { chevronUp, Icon } from '@wordpress/icons'; import { magic } from '@agent/icons'; import { useGlobalStore } from '@agent/state/global'; export const Mobile = () => { const { toggleOpen, open, isMobile } = useGlobalStore(); const ref = useRef(null); useEffect(() => { if (!isMobile || open) return; // Set button height as root var document.body.style.setProperty( '--extendify-agent-mobile-btn-height', `${ref.current?.offsetHeight}px`, ); }, [isMobile, open]); useEffect(() => { if (!isMobile) return; document.body.classList.add('extendify-agent-mobile-btn-open'); return () => { document.body.classList.remove('extendify-agent-mobile-btn-open'); }; }, [isMobile]); if (!isMobile || open) return null; return ( <button ref={ref} type="button" className="m-0 flex w-full items-center justify-between gap-2 bg-gray-900 px-4 py-3 font-sans text-white shadow-[0_-1px_0_0_rgba(255,255,255,0.05)]" onClick={toggleOpen} aria-label={__('Open Agent', 'extendify-local')}> <div className="flex gap-3"> <div className="flex h-10 w-10 items-center justify-center rounded-full bg-wp-theme-main"> <Icon icon={magic} size={24} /> </div> <div className="text-left text-sm rtl:text-right"> <div className="font-semibold"> {__('AI Agent', 'extendify-local')} </div> <div className="text-gray-600"> {__('How can we help you today?', 'extendify-local')} </div> </div> </div> <Icon className="fill-white" icon={chevronUp} size={24} /> </button> ); };
| ver. 1.4 |
Github
|
.
| PHP 8.2.30 | Generation time: 0 |
proxy
|
phpinfo
|
Settings