import * as React from 'react';
import { Chat } from './DeepSeekChat';
import whiteLogo from "../icons/whiteLogo.png";
import jkxz from "../icons/jkxz.png";
import { useChatStore } from "../store";
import './deepSeek.scss';

const DeekSeek: React.FC = () => {
    const chatStore = useChatStore();

    React.useEffect(() => {
        chatStore.clearSessions();
    }, []);

    return (
        <div className='deekSeek'>
            <div className='deekSeek-header'>
                <div style={{ display: 'flex', alignItems: 'center', marginRight: 20 }}>
                    <img src={whiteLogo.src} style={{ width: 20, marginRight: 10 }} />
                    <div>
                        上海建科
                    </div>
                </div>
                <div style={{ marginRight: 20, color: '#98b4fa', cursor: 'pointer' }} onClick={() => {
                    window.open('http://xia0miduo.gicp.net:3002/', '_blank');
                }}>
                    知识库问答
                </div>
                <div style={{ marginRight: 20, color: '#98b4fa' }}>
                    员工小百科
                </div>
                <div style={{ marginRight: 20, color: '#98b4fa' }}>
                    报批报建助手
                </div>
                <div style={{ marginRight: 20, color: '#98b4fa' }}>
                    施工方案审查
                </div>
                {/* <div style={{ marginRight: 20, color: '#98b4fa' }}> */}
                {/*     OCR */}
                {/* </div> */}
                {/* <div style={{ marginRight: 20, color: '#98b4fa' }}> */}
                {/*     后期扩展 */}
                {/* </div> */}
                <div style={{ color: '#98b4fa' }}>
                    更多
                </div>
            </div>
            <div className='deekSeek-content'>
                <div className='deekSeek-content-title'>
                    <img src={jkxz.src} />
                </div>
                <div className='deekSeek-content-title2'>
                    智能问答助手
                </div>
                <div className='deekSeek-content-outer'>
                    <Chat />
                </div>
            </div>
        </div>
    );
};

export default DeekSeek;