wrap hit counter with an error boundary in case the API falls on its face again

This commit is contained in:
jake committed 2024-01-21 13:22:14 -05:00
1 parent dbebd35c4d
commit 5b0c126ffc
5 files changed
+284 -300

No files matched your search

+6 -2
View File
@@ -1,3 +1,4 @@
import { ErrorBoundary } from "react-error-boundary";
import Link from "../Link";
import Time from "../Time";
import HitCounter from "../HitCounter";
@@ -106,8 +107,11 @@ const NoteMeta = ({ slug, date, title, htmlTitle, tags }: NoteMetaProps) => {
marginRight: 0,
}}
>
<Icon as={FiEye} />
<HitCounter slug={`notes/${slug}`} />
{/* completely hide this block if anything goes wrong on the backend */}
<ErrorBoundary fallback={null}>
<Icon as={FiEye} />
<HitCounter slug={`notes/${slug}`} />
</ErrorBoundary>
</MetaItem>
)}
</Wrapper>