docuservix/docs
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Евгений Лубяной
2026-06-17 19:47:36 +03:00
parent 14feeb06f0
commit 3c196aebac
1 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/index.tsx
+26
View File
@@ -1,12 +1,26 @@
import Link from '@docusaurus/Link'; import Link from '@docusaurus/Link';
import { useHistory } from '@docusaurus/router';
import useBaseUrl from '@docusaurus/useBaseUrl';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import Heading from '@theme/Heading'; import Heading from '@theme/Heading';
import Layout from '@theme/Layout'; import Layout from '@theme/Layout';
import clsx from 'clsx'; import clsx from 'clsx';
import type { ReactNode } from 'react'; import type { ReactNode } from 'react';
import { IChat } from '@docuservix/models/chat';
import { Chat } from '@docuservix/widgets/chat';
import styles from './index.module.css'; import styles from './index.module.css';
const startDialog: IChat = {
messages: [
{
role: 'assistant',
content: 'Чем могу помочь?',
},
],
};
function HomepageHeader() { function HomepageHeader() {
const { siteConfig } = useDocusaurusContext(); const { siteConfig } = useDocusaurusContext();
@@ -35,6 +49,12 @@ function HomepageHeader() {
export default function Home(): ReactNode { export default function Home(): ReactNode {
const { siteConfig } = useDocusaurusContext(); const { siteConfig } = useDocusaurusContext();
const history = useHistory();
const chatUrl = useBaseUrl('/chat');
const handleSend = (text: string) => {
history.push(`${chatUrl}?q=${encodeURIComponent(text)}`);
};
return ( return (
<Layout <Layout
@@ -42,6 +62,12 @@ export default function Home(): ReactNode {
description="Description will go into a meta tag in <head />" description="Description will go into a meta tag in <head />"
> >
<HomepageHeader /> <HomepageHeader />
<main className="container margin-vert--lg">
<Chat
dialog={startDialog}
onSend={handleSend}
/>
</main>
</Layout> </Layout>
); );
} }