feat: mentions to hook & lints

src/components/Post/FullPost.tsx

@@ -1,4 +1,3 @@
-import { useRouter } from 'next/router';
 import { MDXRemote } from 'next-mdx-remote';
 import type { VideoObject, WithContext } from 'schema-dts';
 
@@ -31,8 +30,6 @@ const FullPost: React.FC<FullPostProps> = ({ post }) => {
     youTubeId,
   } = frontmatter;
 
-  const router = useRouter();
-
   let coverContainer: React.ReactNode = (
     <Image
       className={'mb-4 ml-0 rounded-lg object-cover object-center shadow'}

src/components/Post/mentionsSummary.tsx

@@ -1,8 +1,8 @@
 import { useRouter } from 'next/router';
+import { useWebMentions } from '@hooks/useWebMentions';
 import pluralize from 'pluralize';
 
 import formatDate from '@utils/format-date';
-import { trpc } from '@utils/trpc';
 import type { WebMention } from '@utils/webmentions';
 import { Avatar, AvatarGroup } from '../Avatar';
 
@@ -20,14 +20,7 @@ const mySocialHandleUrls = [
 
 const MentionsSummary: React.FC<MentionsSummaryProps> = () => {
   const router = useRouter();
-  const { data: mentions } = trpc.webMentions.getMentionsForPath.useQuery(
-    {
-      path: router.asPath,
-    },
-    {
-      staleTime: 1000 * 60 * 60, // 1 hour
-    }
-  );
+  const { data: mentions } = useWebMentions(router.asPath);
 
   if (!mentions || mentions.length === 0) return null;
 

src/hooks/useWebMentions.ts

@@ -0,0 +1,12 @@
+import { trpc } from '@utils/trpc';
+
+export const useWebMentions = (path: string) => {
+  const webmentionsQuery = trpc.webMentions.getMentionsForPath.useQuery(
+    { path },
+    {
+      staleTime: 1000 * 60 * 60, // 1 hour
+    }
+  );
+
+  return webmentionsQuery;
+};

src/server/routers/webMentions.ts

@@ -1,7 +1,6 @@
 import { TRPCError } from '@trpc/server';
 import { z } from 'zod';
 
-import { getSubscriberCount, subscribe, subscribeSchema } from '@utils/resend';
 import getMentions from '@utils/webmentions';
 import { procedure, router } from '../trpc';