diff --git a/src/Pages/Products/View/AddPage.tsx b/src/Pages/Products/View/AddPage.tsx
index dd0e534..8fa2c1b 100644
--- a/src/Pages/Products/View/AddPage.tsx
+++ b/src/Pages/Products/View/AddPage.tsx
@@ -44,7 +44,8 @@ const AddProductPage = () => {
acc[obj.Description] = obj.key;
return acc;
}, {});
- const jsonString = Object.keys(convertedArray).length === 0 ? null : JSON.stringify(convertedArray);
+ const jsonString = convertedArray && Object.keys(convertedArray).length === 0 ? null : JSON.stringify(convertedArray);
+
console.log(jsonString, "jsonString");
const FileimagesArray = values?.variable?.images?.filter((item: any) => typeof item !== 'string') || [];
diff --git a/src/Pages/Products/View/EditPage.tsx b/src/Pages/Products/View/EditPage.tsx
index 4444feb..bba9559 100644
--- a/src/Pages/Products/View/EditPage.tsx
+++ b/src/Pages/Products/View/EditPage.tsx
@@ -80,7 +80,7 @@ const ViewProduct = () => {
return acc;
}, {}) : {};
- const jsonString = Object.keys(convertedArray).length === 0 ? null : JSON.stringify(convertedArray);
+ const jsonString = convertedArray && Object.keys(convertedArray).length === 0 ? null : JSON.stringify(convertedArray);
const FileimagesArray = values?.variable?.images?.filter((item: any) => typeof item !== 'string') || [];
console.log(values?.variable?.images,"values?.variable?.images");
@@ -96,9 +96,8 @@ const ViewProduct = () => {
});
console.log(images,"images");
- console.clear()
- console.log(images,"images");
-
+
+
const Product = {
id:values?.product_id,
name: {
@@ -113,7 +112,7 @@ const ViewProduct = () => {
},
price: values?.price,
info: jsonString,
- images:images ?? "",
+ images:images,
main_photo:main_photo,
_method:"PUT"
}
diff --git a/src/Pages/SupportMessages/AttachmentButton.tsx b/src/Pages/SupportMessages/AttachmentButton.tsx
new file mode 100644
index 0000000..ae4288b
--- /dev/null
+++ b/src/Pages/SupportMessages/AttachmentButton.tsx
@@ -0,0 +1,33 @@
+import React, { useState, ChangeEvent } from 'react';
+import { TiAttachment } from "react-icons/ti";
+
+const FileUploadButton: React.FC = () => {
+ const [file, setFile] = useState
(null);
+ console.log(file);
+
+ const handleFileChange = (event: ChangeEvent) => {
+ if (event.target.files && event.target.files.length > 0) {
+ setFile(event.target.files[0]);
+ }
+ };
+ const handel_add_file = ()=>{
+ document.getElementById('fileInput')?.click()
+ }
+ return (
+
+
+
+
+
+
+
+ );
+};
+
+export default FileUploadButton;
+
\ No newline at end of file
diff --git a/src/Pages/SupportMessages/Chat.tsx b/src/Pages/SupportMessages/Chat.tsx
new file mode 100644
index 0000000..7894a65
--- /dev/null
+++ b/src/Pages/SupportMessages/Chat.tsx
@@ -0,0 +1,54 @@
+import React, { FormEvent } from 'react';
+import { useTranslation } from "react-i18next";
+import { SOCKET } from "../../enums/Socket";
+import useChatSocket from './useChatSocket';
+import { Message } from '../../types/socket';
+import AttachmentButton from './AttachmentButton';
+
+const Chat = () => {
+ const [t] = useTranslation();
+ const { messages, input, setInput, sendMessage, messagesEndRef } = useChatSocket();
+
+ const handleSubmit = (e: FormEvent) => {
+ e.preventDefault();
+ sendMessage(input);
+ setInput("");
+ };
+
+ return (
+
+
+ {messages?.length > 0 && (
+
+ {messages.map((msg: Message, index) => (
+
+ {msg.text}
+
+ ))}
+
+
+
-
+ const handle_select_chat = (item: any) => {
+ set_selected_user(item?.id);
+ };
- {/*
navigate('/support_messages/add')}> */}
-
+
+
+
+
+
+ {Data?.map((item, index) => {
+ return (
+
handle_select_chat(item)}
+ className={item?.id === selected_user ? 'user_profile user_profile_active' : " user_profile "}
+ >
+
+
+
{item?.name}
+
{item?.lastMessage}
+
+
+ );
+ })}
+
+
+
+ {selected_user ?
:
Select chat to start messaging
}
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
-
-export default Form
-
-
diff --git a/src/Pages/SupportMessages/View/AddPage.tsx b/src/Pages/SupportMessages/View/AddPage.tsx
deleted file mode 100644
index cdb7258..0000000
--- a/src/Pages/SupportMessages/View/AddPage.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { getInitialValues, getValidationSchema, getDataToSend } from '../formUtil'
-import { Tab, TabList, TabPanel as TabBody, Tabs } from 'react-tabs'
-import 'react-tabs/style/react-tabs.css';
-import { MdLanguage } from 'react-icons/md'
-import ViewPage from '../../../Layout/Dashboard/ViewPage';
-import { useTranslation } from 'react-i18next';
-import useNavigateOnSuccess from '../../../Hooks/useNavigateOnSuccess';
-import { useAddSupportMessages } from '../../../api/supportmessages';
-import Form from './AddForm';
-
-const AddSupportMessagesPage = () => {
-
-
- const {mutate , isLoading:IsloadingButton , isSuccess} = useAddSupportMessages()
- const handleSubmit = (values:any)=>{
- console.log(values,"values");
-
- mutate(values)
-
-
- }
- const {t} = useTranslation();
-
- useNavigateOnSuccess(isSuccess , '/SupportMessages' )
-
-
-
- const ViewProps = { getInitialValues, getValidationSchema, getDataToSend, handleSubmit,IsloadingButton };
-
-
- return (
-
-
-
-
-
-
{t("BasicInfo")}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ 
{/* 
+ 