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
  }