AaronPo/the-biergarten-app
1
0
Fork 0
mirror of https://github.com/aaronpo97/the-biergarten-app.git synced 2026-02-16 10:42:08 +00:00
Code Issues Packages Projects 1 Releases Wiki Activity

dev: add beers by beer style

Browse Source
This commit is contained in:
Aaron William Po
2023-10-29 22:42:02 -04:00
parent 3374aec59a
commit 843497323a
8 changed files with 324 additions and 920 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/beers/styles/[id]/index.tsx
View File

@@ -9,6 +9,7 @@ import getBeerStyleById from '@/services/BeerStyles/getBeerStyleById';
import BeerStyleHeader from '@/components/BeerStyleById/BeerStyleHeader';
import BeerStyleQueryResult from '@/services/BeerStyles/schema/BeerStyleQueryResult';
import BeerStyleCommentSection from '@/components/BeerStyleById/BeerStyleCommentSection';
import BeerStyleBeerSection from '@/components/BeerStyleById/BeerStyleBeerSection';
interface BeerStylePageProps {
beerStyle: z.infer<typeof BeerStyleQueryResult>;
@@ -33,7 +34,9 @@ const BeerStyleByIdPage: NextPage<BeerStylePageProps> = ({ beerStyle }) => {
<div className="w-[60%]">
<BeerStyleCommentSection beerStyle={beerStyle} />
</div>
<div className="w-[40%]">{/* Beers of this style go here */}</div>
<div className="w-[40%]">
<BeerStyleBeerSection beerStyle={beerStyle} />
</div>
</div>
) : (
<Tab.Group>
@@ -49,7 +52,9 @@ const BeerStyleByIdPage: NextPage<BeerStylePageProps> = ({ beerStyle }) => {
<Tab.Panel>
<BeerStyleCommentSection beerStyle={beerStyle} />
</Tab.Panel>
<Tab.Panel>{/* Beers of this style go here */}</Tab.Panel>
<Tab.Panel>
<BeerStyleBeerSection beerStyle={beerStyle} />
</Tab.Panel>
</Tab.Panels>
</Tab.Group>
)}