dry_wash_inc/dry-wash-pl
3
1
Fork 0
Code Issues 17 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: use RTK Query to get order deails (#73)

Browse Source
This commit is contained in:
RustamRu
2025-01-26 19:20:36 +03:00
parent e3d316c418
commit 45c4ca16c8
17 changed files with 126 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/__data__/service/api.ts
View File

@@ -3,17 +3,7 @@ import { getConfigValue } from '@brojs/cli';
import { Master } from '../../models/api/master';
type SuccessResponse<Body> = {
success: true;
body: Body;
};
type ErrorResponse = {
success: false;
message: string;
};
type BaseResponse<Body> = SuccessResponse<Body> | ErrorResponse;
import { extractBodyFromResponse } from './utils';
export const api = createApi({
reducerPath: 'api',
@@ -22,11 +12,7 @@ export const api = createApi({
endpoints: (builder) => ({
getMasters: builder.query<Master[], void>({
query: () => ({ url: '/arm/masters' }),
transformResponse: (response: BaseResponse<Master[]>) => {
if (response.success) {
return response.body;
}
},
transformResponse: extractBodyFromResponse<Master[]>,
providesTags: ['Masters'],
}),
addMaster: builder.mutation<void, Pick<Master, 'name' | 'phone'>>({

14
src/__data__/service/landing.api.ts Normal file
View File

@@ -0,0 +1,14 @@
import { GetOrder } from "../../models/api";
import { api } from "./api";
import { extractBodyFromResponse, extractErrorMessageFromResponse } from "./utils";
export const landingApi = api.injectEndpoints({
endpoints: ({ query }) => ({
getOrder: query<GetOrder.Response, GetOrder.Params>({
query: ({ orderId }) => `/order/${orderId}`,
transformResponse: extractBodyFromResponse<GetOrder.Response>,
transformErrorResponse: extractErrorMessageFromResponse,
})
})
});

15
src/__data__/service/utils.ts Normal file
View File

@@ -0,0 +1,15 @@
import { FetchBaseQueryError } from "@reduxjs/toolkit/query";
import { BaseResponse } from "../../models/api";
export const extractBodyFromResponse = <Body>(response: BaseResponse<Body>) => {
if (response.success) {
return response.body;
}
};
export const extractErrorMessageFromResponse = ({ data }: FetchBaseQueryError) => {
if (typeof data === 'object' && 'message' in data && typeof data.message === 'string') {
return data.message;
}
};