blog editor

src/app/blog/page.tsx

@@ -1,5 +1,6 @@
 import Link from "next/link";
 import { servTrpc } from "~/app/_trpc/ServerClient";
+import { Badge } from "~/components/ui/badge";
 
 export default async function BlogPage() {
   const posts = await servTrpc.blog.list();
@@ -27,6 +28,13 @@ export default async function BlogPage() {
                 {post.description && (
                   <p className="text-muted-foreground mt-1">{post.description}</p>
                 )}
+                {post.tags && post.tags.length > 0 && (
+                  <div className="mt-2 flex flex-wrap gap-1.5">
+                    {post.tags.map((tag) => (
+                      <Badge key={tag} variant="outline">{tag}</Badge>
+                    ))}
+                  </div>
+                )}
               </Link>
             </li>
           ))}