import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
import axios from "axios";

export const fetchNews = createAsyncThunk("blog/fetchNews", async () => {
  try {
    const { data } = await axios.get(
      "https://*my url*"
    );
    return data;
  } catch (error) {
    console.log("Error");
  }
});

export const blogSlice = createSlice({
  name: "blog",
  initialState: {
    news: [],
    status: null,
    error: null,
  },
  reducers: {
    setItems(state, action) {
      state.news = action.payload;
    },
  },
  extraReducers: {
    [fetchNews.pending]: (state) => {
      state.status = "loading";
      state.status = null;
    },
    [fetchNews.fulfilled]: (state, action) => {
      state.status = "success";
      state.news = action.payload;
    },
    [fetchNews.rejected]: (state, action) => {},
  },
});

export const { setMedia } = blogSlice.actions;

export default blogSlice.reducer;

import { configureStore } from "@reduxjs/toolkit";
import blog from "./slices/blogSlice";

export const store = configureStore({
  reducer: {
    blog,
  },
});