pages/index: на главную страницу добавлен компонент чата, предлагающий начать общение

2026-06-17 19:47:36 +03:00
parent 14feeb06f0
commit 3c196aebac
1 changed files with 26 additions and 0 deletions
@@ -1,12 +1,26 @@
 import Link from '@docusaurus/Link';
+import { useHistory } from '@docusaurus/router';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Heading from '@theme/Heading';
 import Layout from '@theme/Layout';
 import clsx from 'clsx';
 import type { ReactNode } from 'react';

+import { IChat } from '@docuservix/models/chat';
+import { Chat } from '@docuservix/widgets/chat';
+
 import styles from './index.module.css';

+const startDialog: IChat = {
+    messages: [
+        {
+            role: 'assistant',
+            content: 'Чем могу помочь?',
+        },
+    ],
+};
+
 function HomepageHeader() {
    const { siteConfig } = useDocusaurusContext();

@@ -35,6 +49,12 @@ function HomepageHeader() {

 export default function Home(): ReactNode {
    const { siteConfig } = useDocusaurusContext();
+    const history = useHistory();
+    const chatUrl = useBaseUrl('/chat');
+
+    const handleSend = (text: string) => {
+        history.push(`${chatUrl}?q=${encodeURIComponent(text)}`);
+    };

    return (
        <Layout
@@ -42,6 +62,12 @@ export default function Home(): ReactNode {
            description="Description will go into a meta tag in <head />"
        >
            <HomepageHeader />
+            <main className="container margin-vert--lg">
+                <Chat
+                    dialog={startDialog}
+                    onSend={handleSend}
+                />
+            </main>
        </Layout>
    );
 }