caseStudiesSlice.js
1.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
import axios from "axios";
import qs from "qs";
export const fetchCaseStudie = createAsyncThunk(
"CaseStudieSlice/fetchCaseStudie",
async () => {
const query = {
populate: [
"caseStudies",
"caseStudies.caseStudiesPointers",
"caseStudies.caseStudiesItem1.image",
"caseStudies.caseStudiesItem2.image",
"caseStudies.caseStudiesItem3.image",
"caseStudies.caseStudiesItem4.image",
"caseStudies.caseStudiesItem1.icon",
"caseStudies.caseStudiesItem2.icon",
"caseStudies.caseStudiesItem3.icon",
"caseStudies.caseStudiesItem4.icon",
],
};
const queryString = qs.stringify(query, {
encodeValuesOnly: true,
});
const endpoint = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/case-studies?${queryString}`;
const response = await axios.get(endpoint);
return response.data.data;
}
);
const CaseStudieSlice = createSlice({
name: "Case Studie",
initialState: {
status: "idle",
data: [],
error: null,
},
reducers: {},
extraReducers: (builder) => {
builder
.addCase(fetchCaseStudie.pending, (state) => {
state.status = "loading";
})
.addCase(fetchCaseStudie.fulfilled, (state, action) => {
state.status = "succeeded";
state.data = action.payload;
})
.addCase(fetchCaseStudie.rejected, (state, action) => {
state.status = "failed";
state.error = action.error.message;
});
},
});
export default CaseStudieSlice.reducer;