__ __ __ __ _____ _ _ _____ _ _ _
| \/ | \ \ / / | __ \ (_) | | / ____| | | | |
| \ / |_ __\ V / | |__) | __ ___ ____ _| |_ ___ | (___ | |__ ___| | |
| |\/| | '__|> < | ___/ '__| \ \ / / _` | __/ _ \ \___ \| '_ \ / _ \ | |
| | | | |_ / . \ | | | | | |\ V / (_| | || __/ ____) | | | | __/ | |
|_| |_|_(_)_/ \_\ |_| |_| |_| \_/ \__,_|\__\___| |_____/|_| |_|\___V 2.1
if you need WebShell for Seo everyday contact me on Telegram
Telegram Address : @jackleet
For_More_Tools:
import { DOMHighlighter } from '@agent/components/DOMHighlighter';
import { DragResizeLayout } from '@agent/components/layouts/DragResizeLayout';
import { MobileLayout } from '@agent/components/layouts/MobileLayout';
import { useGlobalStore } from '@agent/state/global';
import { useEditModeStore } from '@quick-edit/state/edit-mode';
import { useQuickEditStore } from '@quick-edit/state/store';
import { useEffect } from '@wordpress/element';
import { SidebarLayout } from './components/layouts/SidebarLayout';
export const Chat = ({ busy, children }) => {
const { setIsMobile, isMobile, mode } = useGlobalStore();
const editModeOn = useEditModeStore((s) => s.on);
const block = useQuickEditStore((s) => s.agentBlock);
const setBlock = useQuickEditStore((s) => s.setAgentBlock);
useEffect(() => {
if (!isMobile || !block) return;
// Remove the block if we switch to mobile
setBlock(null);
}, [isMobile, setIsMobile, block, setBlock]);
useEffect(() => {
let timeout;
const onResize = () => {
clearTimeout(timeout);
timeout = window.setTimeout(() => {
setIsMobile(window.innerWidth < 783);
}, 10);
};
window.addEventListener('resize', onResize);
return () => {
clearTimeout(timeout);
window.removeEventListener('resize', onResize);
};
}, [setIsMobile]);
if (isMobile) {
return (
<MobileLayout>
<div
id="extendify-agent-chat"
className="flex min-h-0 flex-1 grow flex-col font-sans"
>
{children}
</div>
</MobileLayout>
);
}
if (mode === 'docked-left') {
return (
<SidebarLayout>
<div
id="extendify-agent-chat"
className="flex min-h-0 flex-1 grow flex-col font-sans"
>
{children}
</div>
{editModeOn && <DOMHighlighter busy={busy} />}
</SidebarLayout>
);
}
return (
<DragResizeLayout>
<div
id="extendify-agent-chat"
className="flex min-h-0 flex-1 grow flex-col font-sans"
>
{children}
</div>
{editModeOn && <DOMHighlighter busy={busy} />}
</DragResizeLayout>
);
};