add components

src/services/base-api.ts

@@ -9,13 +9,5 @@ export const baseApi = createApi({
       headers.append('x-auth-skip', 'true')
     },
   }),
-  endpoints: builder => {
-    return {
-      getDecks: builder.query<any, void>({
-        query: () => `v1/decks`,
-      }),
-    }
-  },
+  endpoints: () => ({}),
 })
-
-export const { useGetDecksQuery } = baseApi

src/services/decks/decks.service.ts

@@ -0,0 +1,13 @@
+import { DecksResponse } from './decks.types'
+
+import { baseApi } from '@/services'
+
+const decksService = baseApi.injectEndpoints({
+  endpoints: builder => ({
+    getDecks: builder.query<DecksResponse, void>({
+      query: () => `v1/decks`,
+    }),
+  }),
+})
+
+export const { useGetDecksQuery } = decksService

src/services/decks/decks.types.ts

@@ -0,0 +1,33 @@
+export type Pagination = {
+  totalPages: number
+  currentPage: number
+  itemsPerPage: number
+  totalItems: number
+}
+
+export type Author = {
+  id: string
+  name: string
+}
+
+export type Deck = {
+  id: string
+  userId: string
+  name: string
+  isPrivate: boolean
+  shots: number
+  cover?: string | null
+  rating: number
+  isDeleted: boolean | null
+  isBlocked?: boolean | null
+  created: string
+  updated: string
+  cardsCount: number
+  author: Author
+}
+
+export type DecksResponse = {
+  maxCardsCount: number
+  pagination: Pagination
+  items: Deck[]
+}

src/services/decks/index.ts

@@ -0,0 +1,2 @@
+export * from './decks.service'
+export * from './decks.types'

src/services/index.ts

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