Refactor api requests and components out of pages

services/BeerPost/getAllBeerPosts.ts

@@ -32,7 +32,6 @@ const getAllBeerPosts = async (pageNum: number, pageSize: number) => {
           username: true,
         },
       },
-
       beerComments: {
         select: {
           id: true,
@@ -46,11 +45,11 @@ const getAllBeerPosts = async (pageNum: number, pageSize: number) => {
           },
         },
       },
-
       beerImages: {
         select: {
           url: true,
           id: true,
+          alt: true,
         },
       },
     },

services/BeerPost/getBeerPostById.ts

@@ -37,6 +37,7 @@ const getBeerPostById = async (id: string) => {
       },
       beerImages: {
         select: {
+          alt: true,
           url: true,
           id: true,
         },

services/BeerPost/types/BeerPostQueryResult.ts

@@ -9,6 +9,7 @@ export default interface BeerPostQueryResult {
   beerImages: {
     url: string;
     id: string;
+    alt: string;
   }[];
 
   ibu: number;
@@ -21,7 +22,6 @@ export default interface BeerPostQueryResult {
     id: string;
     username: string;
   };
-
   beerComments: {
     id: string;
     content: string;