fix: comment transition

Signed-off-by: Innei <i@innei.in>
Innei · May 4, 2024 · a2bf130 · a2bf130
1 parent 38655f2
commit a2bf130
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 24 deletions.
diff --git a/src/components/modules/comment/Comment.tsx b/src/components/modules/comment/Comment.tsx
@@ -74,15 +74,11 @@ export const Comment: Component<{
               : true
           }
           transition={softSpringPreset}
-          animate={
-            comment['new']
-              ? {
-                  opacity: 1,
-                  y: 0,
-                  scale: 1,
-                }
-              : void 0
-          }
+          animate={{
+            opacity: 1,
+            y: 0,
+            scale: 1,
+          }}
           data-comment-id={cid}
           data-parent-id={parentId}
           className={clsx('relative my-2', className)}

diff --git a/src/socket/handler.ts b/src/socket/handler.ts
@@ -261,24 +261,22 @@ export const eventHandler = (
         id: string
       }
 
-      const queryData = queryClient.getQueryData<
-        InfiniteData<PaginateResult<CommentModel>>
-      >(buildCommentsQueryKey(payload.ref))
-
-      if (!queryData) return
-      for (const page of queryData.pages) {
-        if (page.data.some((comment) => comment.id === payload.id)) {
-          return
+      setTimeout(() => {
+        const queryData = queryClient.getQueryData<
+          InfiniteData<PaginateResult<CommentModel>>
+        >(buildCommentsQueryKey(payload.ref))
+
+        if (!queryData) return
+        for (const page of queryData.pages) {
+          if (page.data.some((comment) => comment.id === payload.id)) {
+            return
+          }
         }
-      }
 
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          queryClient.invalidateQueries({
-            queryKey: buildCommentsQueryKey(payload.ref),
-          })
+        queryClient.invalidateQueries({
+          queryKey: buildCommentsQueryKey(payload.ref),
         })
-      })
+      }, 1000)
 
       break
     }