Burn it all to the ground and start with bun and a reorg
This commit is contained in:
35
src/app/_components/post-header.tsx
Normal file
35
src/app/_components/post-header.tsx
Normal file
@@ -0,0 +1,35 @@
|
||||
type postMetadata = {
|
||||
title: string;
|
||||
date: string;
|
||||
coverImage: string;
|
||||
blurb: string;
|
||||
shortBlurb: string;
|
||||
tags: string[];
|
||||
};
|
||||
|
||||
type PostHeaderProps = {
|
||||
metadata: postMetadata;
|
||||
};
|
||||
|
||||
// TODO
|
||||
export default function PostHeader({
|
||||
metadata,
|
||||
}: PostHeaderProps): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<h1>{metadata.title}</h1>
|
||||
<div className="mb-2">{metadata.date}</div>
|
||||
<div className="mb-6">
|
||||
{metadata.tags.map((tag) => {
|
||||
return (
|
||||
<>
|
||||
<span className="me-2 select-none rounded border border-dracula-pink px-2.5 py-1 text-sm dark:bg-dracula-bg-darker dark:text-dracula-pink">
|
||||
{tag}
|
||||
</span>
|
||||
</>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user