[resumes][refactor] Change to filtering on FE for comments

apps/portal/src/components/resumes/comments/CommentsList.tsx

@@ -21,10 +21,7 @@ export default function CommentsList({
   const { data: session } = useSession();
 
   // Fetch the most updated comments to render
-  const commentsQuery = trpc.useQuery([
+  const commentsQuery = trpc.useQuery(['resumes.reviews.list', { resumeId }]);
-    'resumes.reviews.list',
-    { resumeId, section: tab },
-  ]);
 
   // TODO: Add loading prompt
 
@@ -39,15 +36,17 @@ export default function CommentsList({
       />
 
       <div className="m-2 flow-root h-[calc(100vh-20rem)] w-full flex-col space-y-3 overflow-y-scroll">
-        {commentsQuery.data?.map((comment) => {
+        {commentsQuery.data
-          return (
+          ?.filter((c) => c.section === tab)
-            <Comment
+          .map((comment) => {
-              key={comment.id}
+            return (
-              comment={comment}
+              <Comment
-              userId={session?.user?.id}
+                key={comment.id}
-            />
+                comment={comment}
-          );
+                userId={session?.user?.id}
-        })}
+              />
+            );
+          })}
       </div>
     </div>
   );

apps/portal/src/server/router/resumes-reviews-router.ts

@@ -8,11 +8,10 @@ import type { ResumeComment } from '~/types/resume-comments';
 export const resumeReviewsRouter = createRouter().query('list', {
   input: z.object({
     resumeId: z.string(),
-    section: z.nativeEnum(ResumesSection),
   }),
   async resolve({ ctx, input }) {
     const userId = ctx.session?.user?.id;
-    const { resumeId, section } = input;
+    const { resumeId } = input;
 
     // For this resume, we retrieve every comment's information, along with:
     // The user's name and image to render
@@ -42,7 +41,6 @@ export const resumeReviewsRouter = createRouter().query('list', {
       },
       where: {
         resumeId,
-        section,
       },
     });