blog: add webmention counter

src/theme/BlogPostItem/Footer/LikesAndComments/index.js

@@ -0,0 +1,14 @@
+import React, {useState, useEffect} from 'react';
+
+export default function LikesAndComments(props) {
+  const [webmentionCount, setWebmentionCount] = useState(0);
+
+  useEffect(() => {
+    fetch(`https://webmention.io/api/count?target=${window.location.href}`)
+      .then(response => response.json())
+      .then(data => setWebmentionCount(data.count))
+      .catch(error => console.log(error))
+  }, [])
+
+  return (<><p>{webmentionCount} Webmentions(s)</p></>)
+}

src/theme/BlogPostItem/Footer/index.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import Footer from '@theme-original/BlogPostItem/Footer';
+import LikesAndComments from '@site/src/theme/BlogPostItem/Footer/LikesAndComments';
+
+export default function FooterWrapper(props) {
+  return (
+    <>
+      <Footer {...props} />
+      <LikesAndComments {...props} />
+    </>
+  );
+}