-
-
+
+ {/*
+
+
+
+
+ {/* Startttttttt */}
+
+
+
+
+
+ {isChatPopUpOpen && (
+ //
+
+ )}
+
+
+ {/* Enddddddddd */}
{/* The Image adds */}
{/* LAtest Product */}
diff --git a/src/app/sellers/products_/[id]/page.tsx b/src/app/sellers/products_/[id]/page.tsx
index a49fb86..bef9fb9 100644
--- a/src/app/sellers/products_/[id]/page.tsx
+++ b/src/app/sellers/products_/[id]/page.tsx
@@ -1,8 +1,9 @@
// BuyerProductView
+
'use client';
import React, { useState, useEffect } from "react";
-import Image from 'next/image';
+// import Image from 'next/image';
import { MdOutlineShoppingCart } from 'react-icons/md';
import { FaRegHeart } from 'react-icons/fa6';
import { useParams } from 'next/navigation';
@@ -27,7 +28,7 @@ import request from "@/utils/axios";
import { showToast } from "@/helpers/toast";
import UpdateProductPopup from '@/components/Product/editProduct';
import router from "next/router";
-import ConfirmDelete from "@/components/confirmDeletePopup";
+import ConfirmDelete from "@/components/confirmDeletePopup"
function Page() {
const { id } :any= useParams();
diff --git a/src/components/ChatConversation.tsx b/src/components/ChatConversation.tsx
new file mode 100644
index 0000000..f86e6db
--- /dev/null
+++ b/src/components/ChatConversation.tsx
@@ -0,0 +1,90 @@
+import React from 'react';
+import ChatMessage from './ChatMessage';
+import ChatInput from './ChatInput';
+import ChatHeader from './ChatHeader';
+import { Message } from '@/types/message';
+import { Seller } from '@/types/Product';
+import { msgObject } from './chatWrapper';
+import { handleCartCount } from '@/redux/slices/userCartSlice';
+
+interface chatConversation {
+ messages: Array
;
+ message: string;
+ users: Seller[];
+ initiator?: string;
+ isPrivate?: boolean;
+ currentUser: string;
+ toogleDislay: () => void;
+ handleMessage: (event: any) => void;
+ handleSendMessage: (msgObject: msgObject) => void;
+}
+
+const ChatConversation: React.FC = ({
+ users,
+ initiator,
+ isPrivate,
+ currentUser,
+ toogleDislay,
+ message,
+ messages,
+ handleMessage,
+ handleSendMessage,
+}) => {
+let corenspondent: Seller = {
+ firstName: 'brice',
+ lastName: 'kelly',
+ profileImage:
+ 'https://res.cloudinary.com/dmems8p0a/image/upload/v1719443657/blogImages/ytrxftrfcjyz8psmr73t.jpg',
+};
+if (users.length) {
+ if (!isPrivate) {
+ corenspondent = users.find((user) => user.id == initiator) as Seller;
+ } else {
+ corenspondent = users.find((user) => user.id !== currentUser) as Seller;
+ }
+}
+
+const allMessagesList = messages.map((message:Message)=>{
+ return
+})
+
+ return (
+ <>
+
+
+
+
+
+ {allMessagesList}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {fullName.length > 30
+ ? fullName.substring(0, 30) + '...'
+ : fullName}
+
+
last Active
+
+
+
+ {currentUser !== senderId && (
+ {names}
+ )}
+ {message}
+
+ {dateStr as ReactNode}
+
+
+
+
+
+
+
+
+
{fullName.length>30? fullName.substring(0,30)+"...": fullName}
+
+ {message? message.length > 20 ? message.substring(0,20) + "...": message: "No message yet"}
+
+
+
+ Messages
+
+
+
+
+
+
+ {ListOfChatRooms}
+
+
+ );
+}
+
+export default ChatRoomsList;
diff --git a/src/components/DashboardHeader.tsx b/src/components/DashboardHeader.tsx
index 66ea892..1f258e9 100644
--- a/src/components/DashboardHeader.tsx
+++ b/src/components/DashboardHeader.tsx
@@ -1,5 +1,5 @@
'use client';
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
import { CiBellOn } from 'react-icons/ci';
import { GiHamburgerMenu } from 'react-icons/gi';
import { useQuery } from '@tanstack/react-query';
@@ -32,6 +32,41 @@ const DashboardHeader: React.FC = ({ pageName }) => {
setOverlayComponent('notification');
};
const user = data?.User as userData;
+ // const { isChatPopUpOpen, setIsChatPopUpOpen, toggleChatPopUp } = ChatPopUp();
+ // const [currentUser, setCurrentUser] = useState(getCurrentUser());
+ // const [currentUserToken, setCurrentUserToken] = useState('');
+ // const [chatrooms, setChatrooms] = useState([]);
+
+
+ // useEffect(() => {
+ // const token = localStorage.getItem('token');
+ // if (token) {
+ // const trimmedToken = token.split(' ')[1];
+ // setCurrentUserToken(trimmedToken);
+
+ // socket = io(`${process.env.URL__CHAT}`, {
+ // auth: { token: trimmedToken },
+ // });
+
+ // socket.on('connect', () => {
+ // socket.emit('fetch all chatrooms');
+ // });
+
+ // socket.on('connect_error', (err) => {
+ // console.error('Socket connection error:', err);
+
+ // });
+
+ // socket.on('all chatrooms', (receivedChatrooms) => {
+ // setChatrooms(receivedChatrooms);
+ // });
+
+ // return () => {
+ // socket.off('all chatrooms');
+ // socket.disconnect();
+ // };
+ // }
+ // }, [currentUserToken]);
const handleCloseOverlay = () => {
setOverlayComponent(null);
diff --git a/src/components/LayoutDashboard.tsx b/src/components/LayoutDashboard.tsx
index 534ac3c..bcfcf98 100644
--- a/src/components/LayoutDashboard.tsx
+++ b/src/components/LayoutDashboard.tsx
@@ -3,6 +3,9 @@ import React, { FC, useEffect, useState } from 'react';
import DashNavbar from '@/components/DashNavbar';
import HeaderDash from '@/components/headerDash';
import { useRouter } from 'next/navigation';
+import { MdOutlineChat } from 'react-icons/md';
+import ChatPopUp from '@/hooks/ChatPopUp';
+import ChatWrapper from './chatWrapper';
interface Properties {
children: React.ReactNode;
pageName: string;
@@ -30,7 +33,7 @@ const LayoutDashboard: React.FC = ({
};
categ();
}, []);
-
+ const { isChatPopUpOpen, setIsChatPopUpOpen, toggleChatPopUp } = ChatPopUp();
return (
@@ -53,6 +56,22 @@ const LayoutDashboard: React.FC
= ({
+ {/* Startttttttt */}
+