jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-21 05:41:17 -04:00
Code Issues Activity

remove unnecessary react fragments

Browse Source
This commit is contained in:
Jake Jarvis
2022-01-18 09:54:30 -05:00
parent a406010bd2
commit 5e9503b562
22 changed files with 142 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
components/NoteMeta/NoteMeta.tsx
View File

@@ -7,63 +7,57 @@ import type { NoteMetaType } from "../../types";
import styles from "./NoteMeta.module.css";
const NoteMeta = ({ slug, date, title, htmlTitle, tags = [] }: NoteMetaType) => (
<>
<div className={styles.meta}>
<div className={styles.date}>
<span>
<DateIcon className={`icon ${styles.icon}`} />
</span>
<span title={format(new Date(date), "PPppp")}>
<Link href={`/notes/${slug}/`}>
<a>{format(new Date(date), "MMMM d, yyyy")}</a>
</Link>
</span>
</div>
type Props = Pick<NoteMetaType, "slug" | "date" | "title" | "tags">;
{tags.length > 0 && (
<div className={styles.tags}>
<span>
<TagIcon className={`icon ${styles.icon}`} />
</span>
{tags.map((tag) => (
<span key={tag} className={styles.tag}>
{tag}
</span>
))}
</div>
)}
<div>
<span>
<EditIcon className={`icon ${styles.icon}`} />
</span>
<span>
<a
href={`https://github.com/${config.githubRepo}/blob/main/notes/${slug}.mdx`}
target="_blank"
rel="noopener noreferrer"
title={`Edit "${title}" on GitHub`}
>
Improve This Post
</a>
</span>
</div>
<div>
<span>
<ViewsIcon className={`icon ${styles.icon}`} />
</span>
<HitCounter slug={`notes/${slug}`} />
</div>
const NoteMeta = ({ slug, date, title, tags = [] }: Props) => (
<div className={styles.meta}>
<div className={styles.date}>
<span>
<DateIcon className={`icon ${styles.icon}`} />
</span>
<span title={format(new Date(date), "PPppp")}>
<Link href={`/notes/${slug}/`}>
<a>{format(new Date(date), "MMMM d, yyyy")}</a>
</Link>
</span>
</div>
<h1 className={styles.title}>
<Link href={`/notes/${slug}/`}>
<a dangerouslySetInnerHTML={{ __html: htmlTitle }} />
</Link>
</h1>
</>
{tags.length > 0 && (
<div className={styles.tags}>
<span>
<TagIcon className={`icon ${styles.icon}`} />
</span>
{tags.map((tag) => (
<span key={tag} className={styles.tag}>
{tag}
</span>
))}
</div>
)}
<div>
<span>
<EditIcon className={`icon ${styles.icon}`} />
</span>
<span>
<a
href={`https://github.com/${config.githubRepo}/blob/main/notes/${slug}.mdx`}
target="_blank"
rel="noopener noreferrer"
title={`Edit "${title}" on GitHub`}
>
Improve This Post
</a>
</span>
</div>
<div>
<span>
<ViewsIcon className={`icon ${styles.icon}`} />
</span>
<HitCounter slug={`notes/${slug}`} />
</div>
</div>
);
export default NoteMeta;