Update: beer post form now connected to a specific brewery.

This commit eliminates the brewery selector in the create beer post form, and reroutes the form page to /breweries/[id]/beers/create.

This commit also introduces the use of turbopack for `next dev`.

src/components/BreweryById/BreweryBeerSection.tsx

@@ -4,6 +4,7 @@ import Link from 'next/link';
 import { FC } from 'react';
 import { useInView } from 'react-intersection-observer';
 import { z } from 'zod';
+import { FaPlus } from 'react-icons/fa';
 import BeerRecommendationLoadingComponent from '../BeerById/BeerRecommendationLoadingComponent';
 
 interface BreweryCommentsSectionProps {
@@ -31,7 +32,21 @@ const BreweryBeersSection: FC<BreweryCommentsSectionProps> = ({ breweryPost }) =
     <div className="card">
       <div className="card-body">
         <>
-          <h3 className="text-2xl font-bold">Brews</h3>
+          <div className="my-2 flex flex-row items-center justify-between">
+            <div>
+              <h3 className="text-3xl font-bold">Brews</h3>
+            </div>
+            <div>
+              <Link
+                className={`btn-ghost btn-sm btn gap-2 rounded-2xl outline`}
+                href={`/breweries/${breweryPost.id}/beers/create`}
+              >
+                <FaPlus className="text-xl" />
+                Add Beer
+              </Link>
+            </div>
+          </div>
+
           {!!beerPosts.length && (
             <div className="space-y-5">
               {beerPosts.map((beerPost, index) => {

src/components/BreweryById/BreweryInfoHeader.tsx

@@ -4,9 +4,11 @@ import useTimeDistance from '@/hooks/utilities/useTimeDistance';
 import BreweryPostQueryResult from '@/services/BreweryPost/types/BreweryPostQueryResult';
 import { format } from 'date-fns';
 import { FC, useContext } from 'react';
-import { Link } from 'react-daisyui';
+
 import { FaRegEdit } from 'react-icons/fa';
+
 import { z } from 'zod';
+import Link from 'next/link';
 import BreweryPostLikeButton from '../BreweryIndex/BreweryPostLikeButton';
 
 interface BreweryInfoHeaderProps {
@@ -26,16 +28,19 @@ const BreweryInfoHeader: FC<BreweryInfoHeaderProps> = ({ breweryPost }) => {
     <article className="card flex flex-col justify-center bg-base-300">
       <div className="card-body">
         <header className="flex justify-between">
-          <div className="space-y-2">
-            <div>
-              <h1 className="text-2xl font-bold lg:text-4xl">{breweryPost.name}</h1>
-              <h2 className="text-lg font-semibold lg:text-2xl">
-                Located in
-                {` ${breweryPost.location.city}, ${
-                  breweryPost.location.stateOrProvince || breweryPost.location.country
-                }`}
-              </h2>
+          <div className="w-full space-y-2">
+            <div className="flex w-full flex-row justify-between">
+              <div>
+                <h1 className="text-2xl font-bold lg:text-4xl">{breweryPost.name}</h1>
+                <h2 className="text-lg font-semibold lg:text-2xl">
+                  Located in
+                  {` ${breweryPost.location.city}, ${
+                    breweryPost.location.stateOrProvince || breweryPost.location.country
+                  }`}
+                </h2>
+              </div>
             </div>
+
             <div>
               <h3 className="italic">
                 {' posted by '}