CreatorCenter_OOIN/src/store/slices/chatSlice.js

import { createSlice } from '@reduxjs/toolkit';

export const fetchChats = createAsyncThunk('chat/fetchChats', async (_, { rejectWithValue }) => {
    try {
        const response = await api.get(`/chat-history/search/`);
        if (response.code === 200) {
            return response.data;
        }
        throw new Error(response.message);
    } catch (error) {
        return rejectWithValue(error.message);
    }
});

const initialState = {
    chats: [],
    currentChat: null,
    status: 'idle',
    error: null,
};

const chatSlice = createSlice({
    name: 'chat',
    initialState,
    reducers: {},
    extraReducers: (builder) => {
        builder.addCase(fetchChats.pending, (state) => {
            state.status = 'loading';
        })
        builder.addCase(fetchChats.fulfilled, (state, action) => {
            state.status = 'succeeded';
            state.chats = action.payload;
        })
        builder.addCase(fetchChats.rejected, (state, action) => {
            state.status = 'failed';
            state.error = action.payload;
        });
    },
});

export default chatSlice.reducer;