mirror of
https://github.com/aaronpo97/the-biergarten-app.git
synced 2026-02-16 20:13:49 +00:00
Refactor: update comment components
This commit is contained in:
@@ -11,9 +11,11 @@ import {
|
||||
*
|
||||
* @param params - The parameters for the request.
|
||||
* @param params.body - The body of the request.
|
||||
* @param params.body.content - The content of the comment.
|
||||
* @param params.body.rating - The rating of the beer.
|
||||
* @param params.commentId - The id of the comment to edit.
|
||||
* @param params.beerPostId - The id of the beer post the comment belongs to.
|
||||
* @returns The edited comment.
|
||||
* @returns The JSON response from the server.
|
||||
* @throws An error if the request fails or the response is invalid.
|
||||
*/
|
||||
export const editBeerPostCommentRequest: SendEditBeerPostCommentRequest = async ({
|
||||
@@ -47,7 +49,7 @@ export const editBeerPostCommentRequest: SendEditBeerPostCommentRequest = async
|
||||
* @param params - The parameters for the request.
|
||||
* @param params.commentId - The id of the comment to delete.
|
||||
* @param params.beerPostId - The id of the beer post the comment belongs to.
|
||||
* @returns The deleted comment.
|
||||
* @returns The JSON response from the server.
|
||||
* @throws An error if the request fails or the response is invalid.
|
||||
*/
|
||||
export const deleteBeerPostCommentRequest: SendDeleteBeerPostCommentRequest = async ({
|
||||
|
||||
@@ -6,6 +6,88 @@ import {
|
||||
SendEditBeerStyleCommentRequest,
|
||||
} from './types';
|
||||
|
||||
/**
|
||||
* Sends an api request to edit a beer style comment.
|
||||
*
|
||||
* @param params - The parameters for the request.
|
||||
* @param params.body - The body of the request.
|
||||
* @param params.body.content - The content of the comment.
|
||||
* @param params.body.rating - The rating of the beer.
|
||||
* @param params.beerStyleId - The id of the beer style the comment belongs to.
|
||||
* @param params.commentId - The id of the comment to edit.
|
||||
* @returns The JSON response from the server.
|
||||
* @throws An error if the request fails or the response is invalid.
|
||||
*/
|
||||
export const sendEditBeerStyleCommentRequest: SendEditBeerStyleCommentRequest = async ({
|
||||
commentId,
|
||||
body: { content, rating },
|
||||
beerStyleId,
|
||||
}) => {
|
||||
const response = await fetch(`/api/beers/styles/${beerStyleId}/comments/${commentId}`, {
|
||||
method: 'PUT',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ content, rating }),
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(response.statusText);
|
||||
}
|
||||
|
||||
const json = await response.json();
|
||||
|
||||
const parsed = APIResponseValidationSchema.safeParse(json);
|
||||
|
||||
if (!parsed.success) {
|
||||
throw new Error('Invalid API response');
|
||||
}
|
||||
|
||||
return parsed.data;
|
||||
};
|
||||
|
||||
/**
|
||||
* Sends an api request to delete a beer style comment.
|
||||
*
|
||||
* @param params - The parameters for the request.
|
||||
* @param params.beerStyleId - The id of the beer style the comment belongs to.
|
||||
* @param params.commentId - The id of the comment to delete.
|
||||
* @returns The json response from the server.
|
||||
* @throws An error if the request fails or the response is invalid.
|
||||
*/
|
||||
export const sendDeleteBeerStyleCommentRequest: SendDeleteBeerStyleCommentRequest =
|
||||
async ({ beerStyleId, commentId }) => {
|
||||
const response = await fetch(
|
||||
`/api/beers/styles/${beerStyleId}/comments/${commentId}`,
|
||||
{
|
||||
method: 'DELETE',
|
||||
},
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(response.statusText);
|
||||
}
|
||||
|
||||
const json = await response.json();
|
||||
|
||||
const parsed = APIResponseValidationSchema.safeParse(json);
|
||||
|
||||
if (!parsed.success) {
|
||||
throw new Error('Invalid API response');
|
||||
}
|
||||
|
||||
return parsed.data;
|
||||
};
|
||||
|
||||
/**
|
||||
* Sends an api request to create a beer style comment.
|
||||
*
|
||||
* @param params - The parameters for the request.
|
||||
* @param params.body - The body of the request.
|
||||
* @param params.body.content - The content of the comment.
|
||||
* @param params.body.rating - The rating of the beer.
|
||||
* @param params.beerStyleId - The id of the beer style the comment belongs to.
|
||||
* @returns The created comment.
|
||||
* @throws An error if the request fails or the response is invalid.
|
||||
*/
|
||||
export const sendCreateBeerStyleCommentRequest: SendCreateBeerStyleCommentRequest =
|
||||
async ({ beerStyleId, body: { content, rating } }) => {
|
||||
const response = await fetch(`/api/beers/styles/${beerStyleId}/comments`, {
|
||||
@@ -33,53 +115,3 @@ export const sendCreateBeerStyleCommentRequest: SendCreateBeerStyleCommentReques
|
||||
|
||||
return parsedPayload.data;
|
||||
};
|
||||
|
||||
export const sendEditBeerStyleCommentRequest: SendEditBeerStyleCommentRequest = async ({
|
||||
commentId,
|
||||
body: { content, rating },
|
||||
beerStyleId,
|
||||
}) => {
|
||||
const response = await fetch(`/api/beers/styles/${beerStyleId}/comments/${commentId}`, {
|
||||
method: 'PUT',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ content, rating }),
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(response.statusText);
|
||||
}
|
||||
|
||||
const json = await response.json();
|
||||
|
||||
const parsed = APIResponseValidationSchema.safeParse(json);
|
||||
|
||||
if (!parsed.success) {
|
||||
throw new Error('Invalid API response');
|
||||
}
|
||||
|
||||
return parsed.data;
|
||||
};
|
||||
|
||||
export const sendDeleteBeerStyleCommentRequest: SendDeleteBeerStyleCommentRequest =
|
||||
async ({ beerStyleId, commentId }) => {
|
||||
const response = await fetch(
|
||||
`/api/beers/styles/${beerStyleId}/comments/${commentId}`,
|
||||
{
|
||||
method: 'DELETE',
|
||||
},
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(response.statusText);
|
||||
}
|
||||
|
||||
const json = await response.json();
|
||||
|
||||
const parsed = APIResponseValidationSchema.safeParse(json);
|
||||
|
||||
if (!parsed.success) {
|
||||
throw new Error('Invalid API response');
|
||||
}
|
||||
|
||||
return parsed.data;
|
||||
};
|
||||
|
||||
109
src/requests/comments/brewery-comment/index.ts
Normal file
109
src/requests/comments/brewery-comment/index.ts
Normal file
@@ -0,0 +1,109 @@
|
||||
import CommentQueryResult from '@/services/schema/CommentSchema/CommentQueryResult';
|
||||
import APIResponseValidationSchema from '@/validation/APIResponseValidationSchema';
|
||||
import {
|
||||
SendCreateBreweryPostCommentRequest,
|
||||
SendDeleteBreweryPostCommentRequest,
|
||||
SendEditBreweryPostCommentRequest,
|
||||
} from './types';
|
||||
/**
|
||||
* Sends an api request to edit a brewery comment.
|
||||
*
|
||||
* @param params - The parameters for the request.
|
||||
* @param params.breweryId - The id of the brewery the comment belongs to.
|
||||
* @param params.commentId - The id of the comment to edit.
|
||||
* @param params.body - The body of the request.
|
||||
* @param params.body.content - The content of the comment.
|
||||
* @param params.body.rating - The rating of the beer.
|
||||
*/
|
||||
export const sendEditBreweryPostCommentRequest: SendEditBreweryPostCommentRequest =
|
||||
async ({ body: { content, rating }, breweryPostId, commentId }) => {
|
||||
const response = await fetch(
|
||||
`/api/breweries/${breweryPostId}/comments/${commentId}`,
|
||||
{
|
||||
method: 'PUT',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ content, rating }),
|
||||
},
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(response.statusText);
|
||||
}
|
||||
|
||||
const json = await response.json();
|
||||
const parsed = APIResponseValidationSchema.safeParse(json);
|
||||
|
||||
if (!parsed.success) {
|
||||
throw new Error(parsed.error.message);
|
||||
}
|
||||
|
||||
return parsed.data;
|
||||
};
|
||||
|
||||
/**
|
||||
* Sends an api request to delete a brewery comment.
|
||||
*
|
||||
* @param params - The parameters for the request.
|
||||
* @param params.breweryId - The id of the brewery the comment belongs to.
|
||||
* @param params.commentId - The id of the comment to delete.
|
||||
* @returns The JSON response from the server.
|
||||
* @throws An error if the request fails or the response is invalid.
|
||||
*/
|
||||
export const sendDeleteBreweryPostCommentRequest: SendDeleteBreweryPostCommentRequest =
|
||||
async ({ breweryPostId, commentId }) => {
|
||||
const response = await fetch(
|
||||
`/api/breweries/${breweryPostId}/comments/${commentId}`,
|
||||
{
|
||||
method: 'DELETE',
|
||||
},
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(response.statusText);
|
||||
}
|
||||
|
||||
const json = await response.json();
|
||||
const parsed = APIResponseValidationSchema.safeParse(json);
|
||||
|
||||
if (!parsed.success) {
|
||||
throw new Error(parsed.error.message);
|
||||
}
|
||||
|
||||
return parsed.data;
|
||||
};
|
||||
/**
|
||||
* Sends an api request to create a brewery comment.
|
||||
*
|
||||
* @param params - The parameters for the request.
|
||||
* @param params.body - The body of the request.
|
||||
* @param params.body.content - The content of the comment.
|
||||
* @param params.body.rating - The rating of the beer.
|
||||
* @param params.breweryId - The id of the brewery the comment belongs to.
|
||||
* @returns The created comment.
|
||||
* @throws An error if the request fails or the response is invalid.
|
||||
*/
|
||||
export const sendCreateBreweryCommentRequest: SendCreateBreweryPostCommentRequest =
|
||||
async ({ body: { content, rating }, breweryPostId }) => {
|
||||
const response = await fetch(`/api/breweries/${breweryPostId}/comments`, {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ content, rating }),
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(response.statusText);
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
const parsedResponse = APIResponseValidationSchema.safeParse(data);
|
||||
if (!parsedResponse.success) {
|
||||
throw new Error('Invalid API response');
|
||||
}
|
||||
|
||||
const parsedPayload = CommentQueryResult.safeParse(parsedResponse.data.payload);
|
||||
if (!parsedPayload.success) {
|
||||
throw new Error('Invalid API response payload');
|
||||
}
|
||||
|
||||
return parsedPayload.data;
|
||||
};
|
||||
19
src/requests/comments/brewery-comment/types/index.ts
Normal file
19
src/requests/comments/brewery-comment/types/index.ts
Normal file
@@ -0,0 +1,19 @@
|
||||
import CommentQueryResult from '@/services/schema/CommentSchema/CommentQueryResult';
|
||||
import APIResponseValidationSchema from '@/validation/APIResponseValidationSchema';
|
||||
import { z } from 'zod';
|
||||
|
||||
export type SendEditBreweryPostCommentRequest = (args: {
|
||||
body: { content: string; rating: number };
|
||||
commentId: string;
|
||||
breweryPostId: string;
|
||||
}) => Promise<z.infer<typeof APIResponseValidationSchema>>;
|
||||
|
||||
export type SendDeleteBreweryPostCommentRequest = (args: {
|
||||
commentId: string;
|
||||
breweryPostId: string;
|
||||
}) => Promise<z.infer<typeof APIResponseValidationSchema>>;
|
||||
|
||||
export type SendCreateBreweryPostCommentRequest = (args: {
|
||||
breweryPostId: string;
|
||||
body: { content: string; rating: number };
|
||||
}) => Promise<z.infer<typeof CommentQueryResult>>;
|
||||
Reference in New Issue
Block a user