project description

src/app/admin/project/_components/CreateUpdateProjectForm.tsx

@@ -23,6 +23,7 @@ export default function CreateUpdateProjectForm(params: { className?: string, en
     resolver: zodResolver(schemas.insert),
     defaultValues: {
       id: id ? id : crypto.randomUUID(),
+      title: params.entity ? params.entity.title : "",
       description: params.entity ? params.entity.description : "",
       stackId: params.entity ? params.entity.stackId : stacksSuccess ? stacks?.at(0)?.id : "",
       releaseStatus: params.entity ? params.entity.releaseStatus : "unreleased",

src/app/projects/page.tsx

@@ -4,6 +4,7 @@ import { trpc } from "~/app/_trpc/Client";
 import * as Card from "~/components/ui/card";
 import { Badge } from "~/components/ui/badge";
 import { StackBadge } from "~/components/StackBadge";
+import Markdown from "react-markdown";
 
 export default function ProjectsPage() {
   const { data: projects, isLoading } = trpc.projectv2.listWithStack.useQuery();
@@ -45,8 +46,13 @@ export default function ProjectsPage() {
               </div>
             </div>
           </Card.CardHeader>
-          {(project.sourceLink || project.releaseLink || project.techStack?.stackItems?.length) && (
+          {(project.description || project.sourceLink || project.releaseLink || project.techStack?.stackItems?.length) && (
             <Card.CardContent className="flex flex-col gap-3">
+              {project.description && (
+                <div className="prose prose-sm dark:prose-invert max-w-none text-muted-foreground">
+                  <Markdown>{project.description}</Markdown>
+                </div>
+              )}
               {(project.sourceLink || project.releaseLink) && (
                 <div className="flex gap-3 flex-wrap">
                   {project.sourceLink && (