|
|
|
@ -1,10 +1,12 @@
|
|
|
|
|
import { useEffect } from 'react';
|
|
|
|
|
import { Layout, Spin } from 'antd';
|
|
|
|
|
import { useParams, useNavigate } from 'react-router-dom';
|
|
|
|
|
import MessagesHeader from './Components/MessagesHeader';
|
|
|
|
|
import Messages from './Components/Messages';
|
|
|
|
|
import InputComposer from './Components/InputComposer';
|
|
|
|
|
import ConversationsList from './Components/ConversationsList';
|
|
|
|
|
import CustomerProfile from './Components/CustomerProfile';
|
|
|
|
|
import { useConversationState, useConversationDispatch } from '@/stores/ConversationContext';
|
|
|
|
|
|
|
|
|
|
import './Conversations.css';
|
|
|
|
|
|
|
|
|
@ -15,6 +17,8 @@ const { Sider, Content, Header, Footer } = Layout;
|
|
|
|
|
*/
|
|
|
|
|
const ChatWindow = () => {
|
|
|
|
|
console.log('chat window;;;;;;;;;;;;;;;;;;;;;;;;');
|
|
|
|
|
const { order_sn } = useParams();
|
|
|
|
|
const { currentConversation } = useConversationState();
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
console.log('chat window 222;;;;;;;;;;;;;;;;;;;;;;;;');
|
|
|
|
@ -46,7 +50,7 @@ const ChatWindow = () => {
|
|
|
|
|
</Content>
|
|
|
|
|
|
|
|
|
|
<Sider width={300} theme={'light'} className='h-full overflow-y-auto' style={{ maxHeight: 'calc(100vh - 198px)', height: 'calc(100vh - 198px)' }}>
|
|
|
|
|
<CustomerProfile />
|
|
|
|
|
<CustomerProfile colisn={currentConversation.coli_sn ?? order_sn} />
|
|
|
|
|
</Sider>
|
|
|
|
|
</Layout>
|
|
|
|
|
</Spin>
|
|
|
|
|