-
WIBUHAX0R1337
-
/
home
/
coludnqa
/
rohihbs.com
/
wp-content
/
plugins
/
extendify
/
src
/
Agent
/
components
/
buttons
/
[ Home ]
Create Folder
Create File
Nama File / Folder
Size
Action
AdminBar.jsx
1.795KB
Edit File
Delete File
Rename
Mobile.jsx
1.681KB
Edit File
Delete File
Rename
PostEditor.jsx
1.438KB
Edit File
Delete File
Rename
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 { isMobile, minimized, setMinimized } = useGlobalStore(); const ref = useRef(null); const minimize = () => setMinimized(false); useEffect(() => { if (!isMobile || minimized) return; // Set button height as root var document.body.style.setProperty( '--extendify-agent-mobile-btn-height', `${ref.current?.offsetHeight}px`, ); }, [isMobile, minimized]); 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 || !minimized) 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={minimize} 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> ); };
Save!!!
© 2022 - 2023 WIBUHAXOR V1 By Lutfifakee || Padang Blackhat