wip

.prettierrc.cjs

@@ -1,4 +1,5 @@
 module.exports = {
     ...require('@it-incubator/prettier-config'),
+    tabWidth: 4,
     //override settings here
 }

src/components/auth/recover-password/recover-password.tsx

@@ -1,7 +1,7 @@
 import { useForm } from 'react-hook-form'
 import { Link } from 'react-router-dom'
 
-import { Button, Card, ControlledTextField, Typography } from '../../ui'
+import { Button, Card, ControlledTextField, Typography } from '@/components'
 import { DevTool } from '@hookform/devtools'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { z } from 'zod'

src/pages/decks-page/decks-page.tsx

@@ -117,7 +117,12 @@ export const DecksPage = () => {
                     />
                 </div>
                 <div className={s.filters}>
-          <TextField onValueChange={setSearch} placeholder={'Search'} search value={search} />
+                    <TextField
+                        onValueChange={setSearch}
+                        placeholder={'Search'}
+                        search
+                        value={search}
+                    />
                     <Tabs onValueChange={value => setCurrentTab(value as Tab)} value={currentTab}>
                         <TabsList>
                             <TabsTrigger value={'my'}>My decks</TabsTrigger>

src/services/decks/decks.service.ts

@@ -6,19 +6,31 @@ import {
   GetDecksArgs,
   UpdateDeckArgs,
 } from './decks.types'
-
 import { baseApi } from '@/services'
 
 const decksService = baseApi.injectEndpoints({
   endpoints: builder => ({
-    getDecks: builder.query<DecksResponse, GetDecksArgs | void>({
-      query: args => {
-        return {
-          url: `v1/decks`,
-          params: args ?? undefined,
-        }
+    createDeck: builder.mutation<DeckResponse, CreateDeckArgs>({
+      invalidatesTags: ['Decks'],
+      onQueryStarted: async (_, { dispatch, getCacheEntry, getState, queryFulfilled }) => {
+        const data = getCacheEntry()
+        const state = getState()
+
+        decksService.util.re
+        await queryFulfilled
       },
-      providesTags: ['Decks'],
+      query: body => ({
+        body,
+        method: 'POST',
+        url: `v1/decks`,
+      }),
+    }),
+    deleteDeck: builder.mutation<void, { id: string }>({
+      invalidatesTags: ['Decks'],
+      query: ({ id }) => ({
+        method: 'DELETE',
+        url: `v1/decks/${id}`,
+      }),
     }),
     getDeckById: builder.query<DeckResponse, { id: string }>({
       query: ({ id }) => `v1/decks/${id}`,
@@ -26,37 +38,31 @@ const decksService = baseApi.injectEndpoints({
     getDeckCards: builder.query<CardsResponse, { id: string }>({
       query: ({ id }) => `v1/decks/${id}/cards`,
     }),
-    createDeck: builder.mutation<DeckResponse, CreateDeckArgs>({
-      query: body => ({
+    getDecks: builder.query<DecksResponse, GetDecksArgs | void>({
+      providesTags: ['Decks'],
+      query: args => {
+        return {
+          params: args ?? undefined,
           url: `v1/decks`,
-        method: 'POST',
-        body,
-      }),
-      invalidatesTags: ['Decks'],
-    }),
-    deleteDeck: builder.mutation<void, { id: string }>({
-      query: ({ id }) => ({
-        url: `v1/decks/${id}`,
-        method: 'DELETE',
-      }),
-      invalidatesTags: ['Decks'],
+        }
+      },
     }),
     updateDeck: builder.mutation<DeckResponse, UpdateDeckArgs>({
-      query: ({ id, ...body }) => ({
-        url: `v1/decks/${id}`,
-        method: 'PATCH',
-        body,
-      }),
       invalidatesTags: ['Decks'],
+      query: ({ id, ...body }) => ({
+        body,
+        method: 'PATCH',
+        url: `v1/decks/${id}`,
+      }),
     }),
   }),
 })
 
 export const {
-  useGetDecksQuery,
-  useGetDeckByIdQuery,
-  useGetDeckCardsQuery,
   useCreateDeckMutation,
   useDeleteDeckMutation,
+  useGetDeckByIdQuery,
+  useGetDeckCardsQuery,
+  useGetDecksQuery,
   useUpdateDeckMutation,
 } = decksService