fix comments page (#542)

* add number input

* min 0 validation on number

* validate integer

* fix fetch option type user

* fix invalidate key to delete comments

packages/api/src/types/QuestionOptionType.ts

@@ -4,17 +4,10 @@ export type QuestionOption = {
   updatedAt: string;
   questionId: string;
   optionTitle: string;
+  userId?: string;
   optionSubTitle?: string;
   accepted: boolean;
-  user: {
-    group: {
-      id: string;
-      name: string;
-    };
-    username: string;
-    firstName?: string;
-    lastName?: string;
-  };
+  fundingRequest: string;
 };
 
 export type GetQuestionOptionRequest = {

packages/berlin/src/components/tables/comment-table/CommentsTable.tsx

@@ -47,6 +47,7 @@ function CommentsTable({ comment }: CommentsTableProps) {
     queryKey: ['commentLikes', comment.id],
     queryFn: () => fetchCommentLikes({ commentId: comment.id }),
     enabled: !!comment.id,
+    refetchInterval: 5000, // Poll every 5 seconds
   });
 
   useEffect(() => {
@@ -81,7 +82,7 @@ function CommentsTable({ comment }: CommentsTableProps) {
     mutationFn: deleteComment,
     onSuccess: (body) => {
       if (body) {
-        queryClient.invalidateQueries({ queryKey: ['comments'] });
+        queryClient.invalidateQueries({ queryKey: ['option', optionId, 'comments'] });
       }
     },
   });

packages/berlin/src/pages/Comments.tsx

@@ -79,10 +79,8 @@ function Comments() {
   });
 
   const coauthors = useMemo(() => {
-    return optionUsers?.group?.users?.filter(
-      (optionUser) => optionUser.username !== option?.user.username,
-    );
-  }, [optionUsers, option?.user.username]);
+    return optionUsers?.group?.users?.filter((optionUser) => optionUser.id !== option?.userId);
+  }, [optionUsers, option]);
 
   const { data: comments } = useQuery({
     queryKey: ['option', optionId, 'comments'],