Merge pull request #20 from 001elijah/add-board-redux

add boards slice getAll

src/components/HeaderDashBoard/HeaderDashBoard.jsx

@@ -32,7 +32,8 @@ export const HeaderDashBoard = ({ title }) => {
         </button>
         {showModalWindow && (
           <BackdropModal closeModal={handleModalWindowClose}>
-            <ModalFilter closeModal={handleModalWindowClose}
+            <ModalFilter
+              closeModal={handleModalWindowClose}
               // color={setColor}
             />
           </BackdropModal>

src/components/ModalFilter/LabelBlock.jsx

@@ -31,10 +31,10 @@ InputBlock.propTypes = {
 };
 
 export const LabelBlock = ({ newField }) => {
-  console.log(newField)
+  console.log(newField);
   const theme = useSelector(selectorTheme);
   const [field, setField] = useState(' ');
-  console.log(field)
+  console.log(field);
   const handleOnClick = e => {
     setField(e.currentTarget.value);
   };

src/components/ModalFilter/ModalFilter.jsx

@@ -9,7 +9,7 @@ import { useSelector } from 'react-redux';
 import clsx from 'clsx';
 
 export const ModalFilter = ({ closeModal, color }) => {
-  console.log(color)
+  console.log(color);
   const [colorFilter, setColorFilter] = useState('');
   const theme = useSelector(selectorTheme);
 

src/redux/Boards/boardsOperations.js

@@ -0,0 +1,16 @@
+import { createAsyncThunk } from '@reduxjs/toolkit';
+
+import { getListOfBoardsApi } from '../../services/backendAPI';
+
+export const getListOfBoards = createAsyncThunk(
+  'boards/getListOfBoards',
+  async (_, { getState, rejectWithValue }) => {
+    const { token } = getState().auth;
+    try {
+      const boardsList = await getListOfBoardsApi(token);
+      return boardsList;
+    } catch (error) {
+      rejectWithValue(error.message);
+    }
+  },
+);

src/redux/Boards/boardsSelectors.js

@@ -0,0 +1 @@
+export const selectBoards = state => state.boards;

src/redux/Boards/boardsSlice.js

@@ -0,0 +1,14 @@
+import { createSlice } from '@reduxjs/toolkit';
+import { getListOfBoards } from './boardsOperations';
+
+const boardsSlice = createSlice({
+  name: 'boards',
+  initialState: [],
+  extraReducers: builder => {
+    builder.addCase(getListOfBoards.fulfilled, (state, { payload }) => {
+      state.boards = payload;
+    });
+  },
+});
+
+export default boardsSlice.reducer;

src/services/backendAPI.js

@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-axios.defaults.baseURL = 'https://taskpro.onrender.com/user';
+axios.defaults.baseURL = 'https://taskpro.onrender.com/';
 
 const token = {
   set(token) {
@@ -12,30 +12,37 @@ const token = {
 };
 
 export const registerUserApi = async userData => {
-  const { data } = await axios.post('/register', userData);
+  const { data } = await axios.post('user/register', userData);
   token.set(data.token);
   return { ...data.user, token: data.token };
 };
 
 export const loginUserApi = async userData => {
-  const { data } = await axios.post('/login', userData);
+  const { data } = await axios.post('user/login', userData);
   token.set(data.token);
   return { ...data.user, token: data.token };
 };
 
 export const currentUserApi = async userToken => {
   token.set(userToken);
-  const { data } = await axios.get('/current');
+  const { data } = await axios.get('user/current');
   return data;
 };
 
 export const logoutUserApi = async userToken => {
-  await axios.post('/logout', userToken);
+  await axios.post('user/logout', userToken);
   token.unset();
   return null;
 };
 
 export const themeChangeUserApi = async theme => {
-  const { data } = await axios.patch('', theme);
+  const { data } = await axios.patch('user/', theme);
+  return data;
+};
+//---------------------------------------------BOARDS---------------------//
+
+export const getListOfCategoryApi = async userToken => {
+  token.set(userToken);
+  const { data } = await axios.get('/board/');
   return data;
 };