Restructure codebase to use src directory

2026-02-16 18:52:06 +00:00 · 2023-04-11 23:32:06 -04:00
parent 90f2cc2c0c
commit 08422fe24e
141 changed files with 6 additions and 4 deletions
--- a/src/pages/beers/index.tsx
+++ b/src/pages/beers/index.tsx
@@ -0,0 +1,78 @@
+import { GetServerSideProps, NextPage } from 'next';
+import getAllBeerPosts from '@/services/BeerPost/getAllBeerPosts';
+
+import { useRouter } from 'next/router';
+import DBClient from '@/prisma/DBClient';
+import Layout from '@/components/ui/Layout';
+import BeerIndexPaginationBar from '@/components/BeerIndex/BeerIndexPaginationBar';
+import BeerCard from '@/components/BeerIndex/BeerCard';
+import beerPostQueryResult from '@/services/BeerPost/schema/BeerPostQueryResult';
+import Head from 'next/head';
+import { z } from 'zod';
+import Link from 'next/link';
+import UserContext from '@/contexts/userContext';
+import { useContext } from 'react';
+
+interface BeerPageProps {
+  initialBeerPosts: z.infer<typeof beerPostQueryResult>[];
+  pageCount: number;
+}
+
+const BeerPage: NextPage<BeerPageProps> = ({ initialBeerPosts, pageCount }) => {
+  const router = useRouter();
+  const { query } = router;
+
+  const { user } = useContext(UserContext);
+
+  const pageNum = parseInt(query.page_num as string, 10) || 1;
+  return (
+    <Layout>
+      <Head>
+        <title>Beer</title>
+        <meta name="description" content="Beer posts" />
+      </Head>
+      <div className="flex items-center justify-center bg-base-100">
+        <div className="my-10 flex w-10/12 flex-col space-y-4">
+          <header className="my-10 flex justify-between">
+            <div className="space-y-2">
+              <h1 className="text-6xl font-bold">The Biergarten Index</h1>
+              <h2 className="text-2xl font-bold">
+                Page {pageNum} of {pageCount}
+              </h2>
+            </div>
+            {!!user && (
+              <div>
+                <Link href="/beers/create" className="btn-primary btn">
+                  Create a new beer post
+                </Link>
+              </div>
+            )}
+          </header>
+          <div className="grid gap-5 md:grid-cols-2 xl:grid-cols-3">
+            {initialBeerPosts.map((post) => {
+              return <BeerCard post={post} key={post.id} />;
+            })}
+          </div>
+          <div className="flex justify-center">
+            <BeerIndexPaginationBar pageNum={pageNum} pageCount={pageCount} />
+          </div>
+        </div>
+      </div>
+    </Layout>
+  );
+};
+
+export const getServerSideProps: GetServerSideProps<BeerPageProps> = async (context) => {
+  const { query } = context;
+  const pageNumber = parseInt(query.page_num as string, 10) || 1;
+  const pageSize = 12;
+  const numberOfPosts = await DBClient.instance.beerPost.count();
+  const pageCount = numberOfPosts ? Math.ceil(numberOfPosts / pageSize) : 0;
+  const beerPosts = await getAllBeerPosts(pageNumber, pageSize);
+
+  return {
+    props: { initialBeerPosts: JSON.parse(JSON.stringify(beerPosts)), pageCount },
+  };
+};
+
+export default BeerPage;