Refactor: force style consistency for pagination queries

All pagination queries now use an underscore for page_num, and page_size

src/components/BeerById/LoadingComponent.tsx

@@ -1,4 +1,4 @@
-import {FC} from 'react';
+import { FC } from 'react';
 import Spinner from '../ui/Spinner';
 import CommentLoadingCardBody from '../BeerBreweryComments/CommentLoadingCardBody';
 
@@ -6,10 +6,10 @@ interface LoadingComponentProps {
   length: number;
 }
 
-const LoadingComponent: FC<LoadingComponentProps> = ({length}) => {
+const LoadingComponent: FC<LoadingComponentProps> = ({ length }) => {
   return (
     <>
-      {Array.from({length}).map((_, i) => (
+      {Array.from({ length }).map((_, i) => (
         <CommentLoadingCardBody key={i} />
       ))}
       <div className="p-1">

src/components/ui/CommentsComponent.tsx

@@ -1,7 +1,7 @@
-import {FC, MutableRefObject} from 'react';
-import {FaArrowUp} from 'react-icons/fa';
+import { FC, MutableRefObject } from 'react';
+import { FaArrowUp } from 'react-icons/fa';
 
-import {useInView} from 'react-intersection-observer';
+import { useInView } from 'react-intersection-observer';
 
 import useBeerPostComments from '@/hooks/data-fetching/beer-comments/useBeerPostComments';
 
@@ -41,7 +41,7 @@ const CommentsComponent: FC<CommentsComponentProps> = ({
   size,
   mutate,
 }) => {
-  const {ref: penultimateCommentRef} = useInView({
+  const { ref: penultimateCommentRef } = useInView({
     /**
      * When the second last comment comes into view, call setSize from useBeerPostComments
      * to load more comments.

src/hooks/data-fetching/beer-posts/useBeerPosts.ts

@@ -38,7 +38,7 @@ const useBeerPosts = ({ pageSize }: { pageSize: number }) => {
   };
 
   const { data, error, isLoading, setSize, size } = useSWRInfinite(
-    (index) => `/api/beers?pageNum=${index + 1}&pageSize=${pageSize}`,
+    (index) => `/api/beers?page_num=${index + 1}&page_size=${pageSize}`,
     fetcher,
   );
 

src/hooks/data-fetching/brewery-posts/useBreweryPosts.ts

@@ -38,7 +38,7 @@ const useBreweryPosts = ({ pageSize }: { pageSize: number }) => {
   };
 
   const { data, error, isLoading, setSize, size } = useSWRInfinite(
-    (index) => `/api/breweries?pageNum=${index + 1}&pageSize=${pageSize}`,
+    (index) => `/api/breweries?page_num=${index + 1}&page_size=${pageSize}`,
     fetcher,
   );
 

src/pages/api/beers/index.ts

@@ -9,8 +9,8 @@ import { z } from 'zod';
 
 interface GetBeerPostsRequest extends NextApiRequest {
   query: {
-    pageNum: string;
-    pageSize: string;
+    page_num: string;
+    page_size: string;
   };
 }
 
@@ -18,8 +18,8 @@ const getBeerPosts = async (
   req: GetBeerPostsRequest,
   res: NextApiResponse<z.infer<typeof APIResponseValidationSchema>>,
 ) => {
-  const pageNum = parseInt(req.query.pageNum, 10);
-  const pageSize = parseInt(req.query.pageSize, 10);
+  const pageNum = parseInt(req.query.page_num, 10);
+  const pageSize = parseInt(req.query.page_size, 10);
 
   const beerPosts = await getAllBeerPosts(pageNum, pageSize);
   const beerPostCount = await DBClient.instance.beerPost.count();
@@ -42,8 +42,8 @@ const router = createRouter<
 router.get(
   validateRequest({
     querySchema: z.object({
-      pageNum: z.string().regex(/^\d+$/),
-      pageSize: z.string().regex(/^\d+$/),
+      page_num: z.string().regex(/^\d+$/),
+      page_size: z.string().regex(/^\d+$/),
     }),
   }),
   getBeerPosts,

src/pages/api/breweries/index.ts

@@ -9,8 +9,8 @@ import { z } from 'zod';
 
 interface GetBreweryPostsRequest extends NextApiRequest {
   query: {
-    pageNum: string;
-    pageSize: string;
+    page_num: string;
+    page_size: string;
   };
 }
 
@@ -18,8 +18,8 @@ const getBreweryPosts = async (
   req: GetBreweryPostsRequest,
   res: NextApiResponse<z.infer<typeof APIResponseValidationSchema>>,
 ) => {
-  const pageNum = parseInt(req.query.pageNum, 10);
-  const pageSize = parseInt(req.query.pageSize, 10);
+  const pageNum = parseInt(req.query.page_num, 10);
+  const pageSize = parseInt(req.query.page_size, 10);
 
   const breweryPosts = await getAllBreweryPosts(pageNum, pageSize);
   const breweryPostCount = await DBClient.instance.breweryPost.count();
@@ -42,8 +42,8 @@ const router = createRouter<
 router.get(
   validateRequest({
     querySchema: z.object({
-      pageNum: z.string().regex(/^\d+$/),
-      pageSize: z.string().regex(/^\d+$/),
+      page_num: z.string().regex(/^\d+$/),
+      page_size: z.string().regex(/^\d+$/),
     }),
   }),
   getBreweryPosts,