@esvndev/es-react-template-chat 0.0.30 → 0.0.31

package/dist/index.js

@@ -26824,9 +26824,9 @@ const appChatSlice = toolkit.createSlice({
         // builder.addCase(update_chat_room_member.fulfilled, (state: IFState) => {
         //   state.checkInit = !state.checkInit
         // })
-        // builder.addCase(get_history.fulfilled, (state: IFState, action) => {
-        //   state.listHistory = action.payload?.items
-        // })
+        builder.addCase(get_history.fulfilled, (state, action) => {
+            state.listHistory = action.payload?.items;
+        });
         // builder.addCase(getPinMessageChatRoomApi.fulfilled, (state: IFState, action) => {
         //   // Backend trả về danh sách PinMessage (mảng / items / data)
         //   const payload = action.payload as any
@@ -26857,12 +26857,27 @@ const appChatSlice = toolkit.createSlice({
 });
 appChatSlice.actions;
 
+//import * as chatStore from '../store'
 const useChat = () => {
     const dispatch = configureStore.useAppDispatch();
     const { active, checkInit, chatRoomId, userLogin, listContact, contactId, typeChat, loadChat, messageByGroup, listHistory, listChatType, archiveStore, checkScroll, listGeneralGroup, pinnedMessages, typingUsers } = configureStore.useAppSelector((state) => state.chat);
     const getHistoryApi = (params) => {
         return dispatch(get_history(params));
     };
+    //   const getHistoryApi = async (params: any) => {
+    //   const queryString = new URLSearchParams(params).toString()
+    //   const response = await fetch(`${CHAT.URL_API.GET_HISTORY_API}?${queryString}`, {
+    //     method: 'GET',
+    //     headers: {
+    //       'Authorization': `Bearer ${getToken()}`,
+    //       'Content-Type': 'application/json'
+    //     }
+    //   })
+    //   if (!response.ok) {
+    //     throw new Error(`HTTP error! status: ${response.status}`)
+    //   }
+    //   return response.json()
+    // }
     // const get_message_by_group_cursor_api = (params: any) => {
     //   return dispatch(chatStore.get_message_by_group_cursor(params))
     // }
@@ -26985,15 +27000,15 @@ const useChat = () => {
 };
 
 const AppChat = () => {
-    const { active,
+    const { active, 
     // contactId,
-    // typeChat,
+    typeChat, 
     // chatRoomId,
     // messageByGroup,
     // listHistory,
     // checkInit,
     // setScroll,
-    // getHistoryApi,
+    getHistoryApi,
     // getProfileApi,
     // getInfoApi,
     // getContactApi,
@@ -27009,27 +27024,27 @@ const AppChat = () => {
     // const [dataProfile, setDataProfile] = useState({})
     // const [sidebarRight, setSidebarRight] = useState(false)
     // const handleSidebarRight = () => setSidebarRight(!sidebarRight)
-    // const [tagFilter] = useState<string>('')
-    // const [filterTab] = useState<'all' | 'unread' | 'tag'>('all')
+    const [tagFilter] = React.useState('');
+    const [filterTab] = React.useState('all');
     // const [openModalGroupInfo, setOpenModalGroupInfo] = useState(false)
     // const [openModalAddUserGroup, setOpenModalAddUserGroup] = useState(false)
     // const [windowSize, setWindowSize] = useState(getWindowSize())
-    // const [search] = useState('')
+    const [search] = React.useState('');
     // const [contact, setContact] = useState([])
     // // ** Set user function for Right Sidebar
     // const handleModalAddUserGroup = () => setOpenModalAddUserGroup(!openModalAddUserGroup)
     // const handleModalGroupInfo = () => setOpenModalGroupInfo(!openModalGroupInfo)
-    // const getData = () => {
-    //   const paging = {
-    //     keyword: search,
-    //     filter: filterTab === 'unread' ? 'unread' : '',
-    //     order: '',
-    //     pageNumber: 1,
-    //     pageSize: 20,
-    //     tag: tagFilter || undefined
-    //   }
-    //   getHistoryApi(paging)
-    // }
+    const getData = () => {
+        const paging = {
+            keyword: search,
+            filter: filterTab === 'unread' ? 'unread' : '',
+            order: '',
+            pageNumber: 1,
+            pageSize: 20,
+            tag: tagFilter || undefined
+        };
+        getHistoryApi(paging);
+    };
     // const getContact = () => {
     //   getContactApi({
     //     keyword: search,
@@ -27046,14 +27061,12 @@ const AppChat = () => {
     //     .then((rs: any) => setDataProfile(rs))
     //     .catch((ex: any) => console.log(ex))
     // }
-    // useEffect(() => {
-    //   if (typeChat !== 'CONTACT') {
-    //     getData()
-    //   } else {
-    //     getContact()
-    //   }
-    //   getDataProfile()
-    // }, [typeChat, search, checkInit, tagFilter, filterTab])
+    React.useEffect(() => {
+        if (typeChat !== 'CONTACT') {
+            getData();
+        }
+        //getDataProfile()
+    }, [typeChat, search, tagFilter, filterTab]);
     // useEffect(() => {
     //   const handleWindowResize = () => {
     //     setWindowSize(getWindowSize())