Refactor api requests and components out of pages

prisma/migrations/20230127095307_/migration.sql

@@ -0,0 +1,12 @@
+/*
+  Warnings:
+
+  - Added the required column `alt` to the `BeerImage` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `alt` to the `BreweryImage` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- AlterTable
+ALTER TABLE "BeerImage" ADD COLUMN     "alt" TEXT NOT NULL;
+
+-- AlterTable
+ALTER TABLE "BreweryImage" ADD COLUMN     "alt" TEXT NOT NULL;

prisma/schema.prisma

@@ -95,6 +95,7 @@ model BeerImage {
   beerPost   BeerPost  @relation(fields: [beerPostId], references: [id], onDelete: Cascade)
   beerPostId String
   url        String
+  alt        String
   createdAt  DateTime  @default(now()) @db.Timestamptz(3)
   updatedAt  DateTime? @updatedAt @db.Timestamptz(3)
 }
@@ -106,4 +107,5 @@ model BreweryImage {
   url           String
   createdAt     DateTime    @default(now()) @db.Timestamptz(3)
   updatedAt     DateTime?   @updatedAt @db.Timestamptz(3)
+  alt           String
 }

prisma/seed/create/createNewBeerImages.ts

@@ -20,6 +20,7 @@ const createNewBeerImages = async ({
       prisma.beerImage.create({
         data: {
           url: 'https://picsum.photos/900/1600',
+          alt: 'Placeholder beer image.',
           beerPost: { connect: { id: beerPost.id } },
         },
       }),

prisma/seed/create/createNewBreweryImages.ts

@@ -21,6 +21,7 @@ const createNewBreweryImages = async ({
       prisma.breweryImage.create({
         data: {
           url: 'https://picsum.photos/900/1600',
+          alt: 'Placeholder brewery image.',
           breweryPost: { connect: { id: breweryPost.id } },
         },
       }),

prisma/seed/index.ts

@@ -33,11 +33,11 @@ import createNewUsers from './create/createNewUsers';
     });
     const [beerPostComments, breweryPostComments] = await Promise.all([
       createNewBeerPostComments({
-        numberOfComments: 1000,
+        numberOfComments: 500,
         joinData: { beerPosts, users },
       }),
       createNewBreweryPostComments({
-        numberOfComments: 1000,
+        numberOfComments: 500,
         joinData: { breweryPosts, users },
       }),
     ]);