feat: add community digest on homepage

prisma/json-schema/json-schema.json

@@ -509,6 +509,10 @@
         "hasSentNewsletter": {
           "type": "boolean",
           "default": false
+        },
+        "isFeatured": {
+          "type": "boolean",
+          "default": false
         }
       }
     },

prisma/migrations/20230912152515_add_featured_flag/migration.sql

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "digests" ADD COLUMN     "isFeatured" BOOLEAN NOT NULL DEFAULT false;

prisma/schema.prisma

@@ -189,7 +189,8 @@ model Digest {
   digestBlocks   DigestBlock[]
   typefullyThreadUrl String?
   hasSentNewsletter Boolean @default(false)
-
+  isFeatured Boolean @default(false)
+  
   @@unique([slug, teamId])
   @@map("digests")
 }

src/components/home/HomeDigests.tsx

@@ -0,0 +1,45 @@
+import db from '@/lib/db';
+import React from 'react';
+import PublicDigestCard from '../teams/PublicDigestCard';
+
+const HomeDigests = async () => {
+  const digests = await db.digest.findMany({
+    take: 3,
+    orderBy: { publishedAt: 'desc' },
+    where: { publishedAt: { not: null }, isFeatured: true },
+    select: {
+      id: true,
+      publishedAt: true,
+      title: true,
+      description: true,
+      slug: true,
+      team: { select: { slug: true } },
+      _count: {
+        select: {
+          digestBlocks: true,
+        },
+      },
+    },
+  });
+
+  return (
+    <div className="p-4 m-auto max-w-5xl pt-10 pb-20 text-gray-900 w-full h-full flex flex-col items-center">
+      <h2 className="pb-12 font-[800] text-2xl lg:text-3xl text-center flex flex-col ">
+        <span>Community digests</span>
+      </h2>
+      <div className="flex max-lg:flex-col lg:space-x-10 max-lg:space-y-12">
+        <div className="gap-3 grid md:grid-cols-3 xs:grid-cols-2">
+          {digests.map((digest) => (
+            <PublicDigestCard
+              key={digest.id}
+              digest={digest}
+              teamSlug={digest.team.slug}
+            />
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default HomeDigests;

src/components/pages/Homepage.tsx

@@ -2,6 +2,7 @@ import Hero from '@/components/home/Hero';
 import HomeFooter from '../home/HomeFooter';
 import HomeSteps from '../home/HomeSteps';
 import { Session } from 'next-auth';
+import HomeDigests from '../home/HomeDigests';
 
 const Homepage = ({ user }: { user?: Session['user'] }) => {
   return (
@@ -12,6 +13,10 @@ const Homepage = ({ user }: { user?: Session['user'] }) => {
       <section className="flex-1 flex justify-center pb-8 bg-slate-100">
         <HomeSteps />
       </section>
+      <section className="bg-white flex flex-1 justify-center">
+        {/* @ts-expect-error */}
+        <HomeDigests />
+      </section>
       <HomeFooter />
     </div>
   );

src/components/pages/TeamPublicPage.tsx

@@ -36,7 +36,6 @@ const TeamPublicPage = ({ team }: Props) => {
                   key={digest.slug}
                   digest={digest}
                   teamSlug={team.slug}
-                  teamName={team.name}
                 />
               ))
             )}

src/components/teams/PublicDigestCard.tsx

@@ -1,16 +1,14 @@
 import { PublicTeamResult } from '@/lib/queries';
 import { generateDigestOGUrl } from '@/utils/open-graph';
 import { format } from 'date-fns';
-import Image from 'next/image';
 import Link from 'next/link';
 
 interface Props {
   digest: NonNullable<PublicTeamResult>['Digest'][number];
   teamSlug: string;
-  teamName: string;
 }
 
-const PublicDigestCard = ({ digest, teamSlug, teamName }: Props) => {
+const PublicDigestCard = ({ digest, teamSlug }: Props) => {
   const { title, description, publishedAt, _count } = digest;
   const url = new URL(generateDigestOGUrl(digest.slug));
 

src/pages/admin/[[...nextadmin]].tsx

@@ -183,6 +183,9 @@ export const getServerSideProps: GetServerSideProps = async ({ req, res }) => {
             description: {
               display: true,
             },
+            isFeatured: {
+              display: true,
+            },
             createdAt: {
               display: true,
             },