Breaking News: Grepper is joining You.com. Read the official announcement!

please don't add auth

Samuel Anumudu answered on October 25, 2023 Popularity 1/10 Helpfulness 1/10

answer please don't add auth

please don't add auth

Comment

import { createSlice, createAsyncThunk, PayloadAction } from "@reduxjs/toolkit";
import ticketService from "./ticketService";
import { RootState } from "../../app/store";
import { Ticket } from "../../utils/Ticket.model";

export interface TicketState {
  tickets: Ticket[];
  ticket: Ticket;
  isError: boolean;
  isSuccess: boolean;
  isLoading: boolean;
  message: string;
}

const initialState: TicketState = {
  tickets: [],
  ticket: {} as Ticket,
  isError: false,
  isSuccess: false,
  isLoading: false,
  message: "",
};

export const createTicket = createAsyncThunk(
  "tickets/create",
  async (ticketData: Ticket, thunkAPI) => {
    try {
      return await ticketService.createTicket(ticketData);
    } catch (error: any) {
      const message =
        error.response?.data?.message || error.message || error.toString();
      return thunkAPI.rejectWithValue(message);
    }
  }
);

export const getTickets = createAsyncThunk(
  "tickets/getAll",
  async (_, thunkAPI) => {
    try {
      return await ticketService.getTickets();
    } catch (error: any) {
      const message =
        error.response?.data?.message || error.message || error.toString();
      return thunkAPI.rejectWithValue(message);
    }
  }
);

// Define your other async actions here, similar to getTicket and closeTicket

const ticketSlice = createSlice({
  name: "ticket",
  initialState,
  reducers: {
    reset: (state) => {
      state = initialState;
    },
  },
  extraReducers: (builder) => {
    builder
      .addCase(createTicket.pending, (state) => {
        state.isLoading = true;
      })
      .addCase(createTicket.fulfilled, (state) => {
        state.isLoading = false;
        state.isSuccess = true;
      })
      .addCase(createTicket.rejected, (state, action) => {
        state.isLoading = false;
        state.isError = true;
        state.message = action.payload as string;
      })
      .addCase(getTickets.pending, (state) => {
        state.isLoading = true;
      })
      .addCase(getTickets.fulfilled, (state, action) => {
        state.isLoading = false;
        state.isSuccess = true;
        state.tickets = action.payload;
      })
      .addCase(getTickets.rejected, (state, action) => {
        state.isLoading = false;
        state.isError = true;
        state.message = action.payload as string;
      });

    // Add other reducers for your async actions
  },
});

export const { reset } = ticketSlice.actions;
export default ticketSlice.reducer;

Popularity 1/10 Helpfulness 1/10 Language typescript

Source: chat.openai.com

Tags: add typescript

Link to this answer
Share Copy Link

Contributed on Oct 25 2023

Samuel Anumudu

0 Answers Avg Quality 2/10

please don't add auth

Contents

More Related Answers

please don't add auth

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.