Redux Course Slice added (#138)

* Redux | Course Slice #16: Update routing constants

* Remove unused imports in dashboard.tsx

* Redux | Course Slice #16: Add COURSE route to ServerPath class

* renamed authActionSlice to authSlice

* Update bootcamp endpoint in store/slice/bootcamp/endpoint.ts

* Redux | Course Slice #16: Add courseSlice endpoint and export it

* Add course endpoint to store slice

* Add coursePersistConfig to root-reducer.ts

* Add invalidatesTags property to EndpointBuilder interface

* set interface to EndpointBuilder

* fixed the url for deleteCourse endpoint

---------

Co-authored-by: triple iii <[email protected]>

src/constant/routing/routing.ts

@@ -2,10 +2,11 @@ enum ROUTING {
   ROOT = '/',
   ID = ':id',
   DASHBOARD = 'dashboard',
-  // @bootcamp
+  // :bootcamp
   BOOTCAMP = 'bootcamp',
-
-  // @auth
+  // :course
+  COURSE = 'course',
+  // :auth
   AUTH = 'auth',
   LOG_IN = 'log-in',
   LOG_OUT = 'log-out',

src/page/dashboard/dashboard.tsx

@@ -1,7 +1,5 @@
-import { useLocation } from 'react-router-dom'
-import { Fragment, useEffect } from 'react'
+import { Fragment } from 'react'
 import { DashboardHero, BootcampConsult, DashboardBootcampRundown, DashboardFeedbackSection } from 'section/dashboard'
-import { snack } from 'hook'
 
 const Dashboard = () => {
   return (

src/route/path.ts

@@ -12,6 +12,8 @@ export class ServerPath {
   static SERVER = GLOBAL.APP_SERVER
   static BOOTCAMP = ROUTING.BOOTCAMP
   static BOOTCAMP_ID = (bootcampId: string) => conNex(ROUTING.BOOTCAMP, bootcampId)
+  static COURSE = ROUTING.COURSE
+  static COURSE_ID = (courseId: string) => conNex(ROUTING.COURSE, courseId)
   static AUTH_LOG_IN = conNex(ROUTING.AUTH, ROUTING.LOG_IN)
   static AUTH_LOG_OUT = conNex(ROUTING.AUTH, ROUTING.LOG_OUT)
   static AUTH_REGISTER = conNex(ROUTING.AUTH, ROUTING.REGISTER)

src/store/root-reducer.ts

@@ -39,6 +39,13 @@ export const bootcampPersistConfig = {
   blacklist: ['error', 'initial', 'responseMessage']
 }
 
+export const coursePersistConfig = {
+  key: 'course',
+  storage,
+  keyPrefix: KEY.PERSIST_PREFIX,
+  blacklist: ['error', 'initial', 'responseMessage']
+}
+
 const rootReducer = combineReducers({
   [apiSlice.reducerPath]: persistReducer(apiPersistConfig, apiSlice.reducer),
   auth: persistReducer(authPersistConfig, authReducer)

src/store/slice/auth/endpoint.ts

@@ -5,7 +5,7 @@ import { getAuthToken } from 'auth/utility'
 
 const { GET, POST } = METHOD
 
-export const authActionSlice = apiSlice.injectEndpoints({
+export const authSlice = apiSlice.injectEndpoints({
   endpoints: (builder: EndpointBuilder) => ({
     login: builder.mutation({
       query: (data: any) => ({
@@ -40,4 +40,4 @@ export const authActionSlice = apiSlice.injectEndpoints({
   })
 })
 
-export const { useLoginMutation, useLogoutMutation, useRegisterMutation, useAccountQuery } = authActionSlice
+export const { useLoginMutation, useLogoutMutation, useRegisterMutation, useAccountQuery } = authSlice

src/store/slice/bootcamp/endpoint.ts

@@ -1,20 +1,48 @@
-import { apiSlice } from '../api'
+import { apiSlice } from 'store/slice/api'
 import { ServerPath } from 'route/path'
+import { METHOD } from 'constant'
 
-export const bootcampApiSlice = apiSlice.injectEndpoints({
-  endpoints: (builder) => ({
-    getAllBootcamp: builder.query<any, void>({
+const { GET, POST, PUT, DELETE } = METHOD
+
+export const bootcampSlice = apiSlice.injectEndpoints({
+  endpoints: (builder: EndpointBuilder) => ({
+    getAllBootcamp: builder.query({
       query: () => ({
-        url: ServerPath.BOOTCAMP
+        url: ServerPath.BOOTCAMP,
+        method: GET
       }),
       keepUnusedDataFor: 5
     }),
-    getBootcamp: builder.query<any, string>({
+    getBootcamp: builder.query({
       query: (id) => ({
-        url: ServerPath.BOOTCAMP_ID(id)
+        url: ServerPath.BOOTCAMP_ID(id),
+        method: GET
+      })
+    }),
+    createBootcamp: builder.mutation({
+      query: (data: any) => ({
+        url: ServerPath.BOOTCAMP,
+        method: POST,
+        body: data
+      }),
+      invalidatesTags: ['Bootcamp']
+    }),
+    updateBootcamp: builder.mutation({
+      query: (data: any) => ({
+        url: ServerPath.BOOTCAMP_ID(data.id),
+        method: PUT,
+        body: data
+      }),
+      invalidatesTags: ['Bootcamp']
+    }),
+    deleteBootcamp: builder.mutation({
+      query: (id: string) => ({
+        url: ServerPath.BOOTCAMP_ID(id),
+        method: DELETE
       })
     })
   })
 })
 
-export const { useGetAllBootcampQuery, useGetBootcampQuery } = bootcampApiSlice
+export const { useGetAllBootcampQuery, useGetBootcampQuery, useCreateBootcampMutation, useUpdateBootcampMutation, useDeleteBootcampMutation } =
+  bootcampSlice

src/store/slice/course/endpoint.ts

@@ -0,0 +1,45 @@
+import { apiSlice } from 'store/slice/api'
+import { ServerPath } from 'route/path'
+import { METHOD } from 'constant'
+
+const { GET, POST, PUT, DELETE } = METHOD
+
+export const courseSlice = apiSlice.injectEndpoints({
+  endpoints: (builder: EndpointBuilder) => ({
+    getAllCourse: builder.query({
+      query: () => ({
+        url: ServerPath.COURSE,
+        method: GET
+      }),
+      keepUnusedDataFor: 5
+    }),
+    getCourse: builder.query({
+      query: (id) => ({
+        url: ServerPath.COURSE_ID(id),
+        method: GET
+      })
+    }),
+    createCourse: builder.mutation({
+      query: (data: any) => ({
+        url: ServerPath.COURSE,
+        method: POST,
+        body: data
+      })
+    }),
+    updateCourse: builder.mutation({
+      query: (data: any) => ({
+        url: ServerPath.COURSE_ID(data.id),
+        method: PUT,
+        body: data
+      })
+    }),
+    deleteCourse: builder.mutation({
+      query: (id: string) => ({
+        url: ServerPath.COURSE_ID(id),
+        method: DELETE
+      })
+    })
+  })
+})
+
+export const { useGetAllCourseMutation, useGetCourseQuery, useCreateCourseMutation, useUpdateCourseMutation, useDeleteCourseMutation } = courseSlice

src/store/slice/course/index.ts

@@ -0,0 +1 @@
+export * from './endpoint'

src/store/slice/index.ts

@@ -3,3 +3,4 @@ export { default as authReducer } from './auth/auth'
 export * from './bootcamp/endpoint'
 export * from './auth/endpoint'
 export * from './user/endpoint'
+export * from './course/endpoint'

src/types/global.d.ts

@@ -100,7 +100,6 @@ declare global {
     BadgeProps?: object
     sx?: object
   }
-
 
   interface EndpointBuilder {
     /**
@@ -117,6 +116,7 @@ declare global {
       query: ((data: any) => { url: string; method?: METHOD; body: any }) | ((ids: any) => { url: string; method: METHOD })
       providesTags?: any
       keepUnusedDataFor?: number
+      invalidatesTags?: any[]
     }) => any
   }