fix: reply comment

Signed-off-by: Innei <i@innei.in>
Innei · Jan 16, 2024 · 946b234 · 946b234
1 parent 1f43e6c
commit 946b234
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/src/components/modules/dashboard/home/DataStat.tsx b/src/components/modules/dashboard/home/DataStat.tsx
@@ -1,5 +1,6 @@
 import { useQuery } from '@tanstack/react-query'
 import { useMemo } from 'react'
+import clsx from 'clsx'
 import { useRouter } from 'next/navigation'
 import type { ReactNode } from 'react'
 
@@ -31,6 +32,8 @@ interface CardProps {
     primary?: boolean
     showBadage?: boolean
   }[]
+
+  highlight?: boolean
 }
 
 export const DataStat = () => {
@@ -142,6 +145,7 @@ export const DataStat = () => {
         label: '未读评论',
         value: stat.unreadComments,
         icon: <i className="icon-[mingcute--comment-line]" />,
+        highlight: stat.unreadComments > 0,
         actions: [
           {
             primary: true,
@@ -241,7 +245,13 @@ export const DataStat = () => {
       <div className="grid grid-cols-2 gap-6 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6">
         {dataStat.map((stat) => {
           return (
-            <div className="relative rounded-md border p-4" key={stat.label}>
+            <div
+              className={clsx(
+                'relative rounded-md border p-4',
+                stat.highlight && 'border-accent bg-accent/20',
+              )}
+              key={stat.label}
+            >
               <div className="font-medium">{stat.label}</div>
 
               <div className="my-2 text-2xl font-medium">

diff --git a/src/queries/definition/comment.ts b/src/queries/definition/comment.ts
@@ -1,13 +1,11 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query'
 import { produce } from 'immer'
 import { useSearchParams } from 'next/navigation'
-import type {
-  CommentModel,
-  CommentState,
-  PaginateResult,
-} from '@mx-space/api-client'
+import type { CommentModel, PaginateResult } from '@mx-space/api-client'
 import type { InfiniteData, MutationOptions } from '@tanstack/react-query'
 
+import { CommentState } from '@mx-space/api-client'
+
 import { apiClient } from '~/lib/request'
 import { toast } from '~/lib/toast'
 
@@ -36,7 +34,7 @@ export const commentAdmin = {
 const useGetCurrentCommentStateFromQuery = () => {
   const search = useSearchParams()
   const state = search.get('tab') as any as CommentState
-  return state
+  return state || CommentState.Unread
 }
 export const useUpdateCommentStateMutation = (
   options?: MutationOptions<any>,