@@ -12,6 +12,7 @@ import {
1212} from "@urbit/foundation-design-system";
1313import Header from "../Header";
1414import Footer from "../Footer";
15+import MetadataBlock from "./MetadataBlock";
1516
1617export default function BasicPage({
1718 section,
@@ -28,7 +29,7 @@ export default function BasicPage({
2829 metaPost.title = `${post.title} - ${section}`;
2930 metaPost.description =
3031 section === "Podcast" ? `${post.podcast} - ${post.date}` : post.description;
31− section === "Article" ? `${post.publication} - ${post.date}` : post.description;
32+ section === "Article" ? `${post.publication} - ${post.date}` : post.description;
3233 return (
3334 <Container>
3435 <Head>
@@ -44,7 +45,7 @@ export default function BasicPage({
4445 <div className="flex items-center space-x-4">
4546 <img src={post.image} className="w-36" />
4647 <div className="flex flex-col pl-2">
47− <h1 className={classnames({ "text-3xl": section === "Podcast" },{ "text-3xl": section === "Article" })}>
48+ <h1 className={classnames({ "text-3xl": section === "Podcast" }, { "text-3xl": section === "Article" })}>
4849 {post.title}
4950 </h1>
5051 <p>{section}</p>
@@ -54,28 +55,28 @@ export default function BasicPage({
5455 <div className="flex justify-between">
5556 <div className="flex space-x-12">
5657 {post?.podcast && (
57− <div className="flex flex-col">
58− <p className="font-bold text-wall-400">Podcast</p>
59− <p>{post.podcast}</p>
60− </div>
58+ <MetadataBlock
59+ title="Podcast"
60+ content={post.podcast}
61+ />
6162 )}
6263 {post?.publication && (
63− <div className="flex flex-col">
64− <p className="font-bold text-wall-400">Publication</p>
65− <p>{post.publication}</p>
66− </div>
64+ <MetadataBlock
65+ title="Publication"
66+ content={post.publication}
67+ />
6768 )}
6869 {post?.author && (
69− <div className="flex flex-col">
70− <p className="font-bold text-wall-400">Author</p>
71− <p>{post.author}</p>
72− </div>
70+ <MetadataBlock
71+ title="Author"
72+ content={post.author}
73+ />
7374 )}
7475 {post?.date && (
75− <div className="flex flex-col">
76− <p className="font-bold text-wall-400">Date</p>
77− <p className="shrink-0">{post.date}</p>
78− </div>
76+ <MetadataBlock
77+ title="Date"
78+ content={post.date}
79+ />
7980 )}
8081
8182 {post?.URL && section !== "Podcast" && section !== "Article" && (