Revize 39d74503

re #9369 - catalog item thunks

frontend/src/features/Auth/userSlice.ts

@@ -1 @@
-import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { createSlice } from '@reduxjs/toolkit'
 import { persistReducer } from 'redux-persist'
 import storage from 'redux-persist/lib/storage'
 import { logIn } from './userThunks'
@@ -42 +42 @@
             lastErr: action.payload,
         }),
         setUserState: (state, action) => {
-            console.log('user state set')
             return ({ ...state, ...action.payload })
         },
     },
@@ -60 +59 @@
     },
 })
 
+
 const userReducer = persistReducer(persistConfig, userSlice.reducer)
 
 export const { logout, refreshTokens, setErr, setUserState } = userSlice.actions

frontend/src/features/Auth/userThunks.ts

@@ -1 +1 @@
 import { createAsyncThunk } from '@reduxjs/toolkit'
 import axiosInstance from '../../api/api'
-import { UserDto } from '../../swagger/data-contracts'
-import { setErr, setUserState, UserState } from './userSlice'
+import {  UserState } from './userSlice'
 import jwt from 'jwt-decode' 
-import { RootState } from '../redux/store'
 
 const loginError =
     'Server error occurred while logging in. Please contact help service to resolve this issue or try again later.'
@@ -16 +14 @@
 
 export const logIn = createAsyncThunk(
     'user/login',
-    async (userDto: UserLogin, { dispatch, getState }) => {
+    async (userDto: UserLogin, { getState }) => {
         try {
             // @ts-ignore
             if (getState().user.isLoggedIn) {
@@ -47 +45 @@
             
             return userState
         } catch (err: any) {
-            console.log(err)
             return Promise.reject(loginError)
         }
     }

frontend/src/features/Catalog/catalogSlice.ts

@@ +1 @@
+import { createSlice } from '@reduxjs/toolkit'
+import { CatalogItemDto } from '../../swagger/data-contracts'
+import { getCatalogItem, getCatalogItems } from './catalogThunks'
+
+export interface CatalogState {
+    catalogItems: CatalogItemDto[] // Items shown in the table
+    isListLoading: boolean
+    lastErr?: string
+    catalogItem?: CatalogItemDto // Item shown in detail
+    isItemLoading: boolean
+}
+
+const initialState: CatalogState = {
+    catalogItems: [],
+    isListLoading: true,
+    isItemLoading: true,
+}
+
+export const catalogSlice = createSlice({
+    name: 'catalog',
+
+    initialState,
+
+    reducers: {},
+
+    extraReducers: (builder) => {
+        builder.addCase(getCatalogItems.fulfilled, (state, action) => ({
+            ...state,
+            catalogItems: action.payload,
+            isListLoading: false,
+        }))
+        builder.addCase(getCatalogItems.rejected, (state, action) => ({
+            ...state, lastErr: action.payload as string
+        }))
+    },
+})

frontend/src/features/Catalog/catalogThunks.ts

@@ +1 @@
+import { createAsyncThunk } from '@reduxjs/toolkit'
+import axiosInstance from '../../api/api'
+
+const apiError =
+    'Error while fetching data from the server, please try again later.'
+
+export const getCatalogItems = createAsyncThunk(
+    'catalog/getCatalogItems',
+    async () => {
+        try {
+            const { data, status } = await axiosInstance.get('/catalog-items')
+            if (status !== 200) {
+                return Promise.reject(apiError)
+            }
+            return data
+        } catch (err: any) {
+            return Promise.reject(apiError)
+        }
+    }
+)
+
+export const getCatalogItem = createAsyncThunk(
+    'catalog/getCatalogItem',
+    async (id: number) => {
+        try {
+            const { data, status } = await axiosInstance.get(
+                `/catalog-items/${id}`
+            )
+            if (status !== 200) {
+                return Promise.reject(apiError)
+            }
+            return data
+        } catch (err: any) {
+            return Promise.reject(apiError)
+        }
+    }
+)