fix: message read status error

Author: KUN1007

app/api/message/read/route.ts

@@ -1,10 +1,12 @@
 import { NextRequest, NextResponse } from 'next/server'
 import { prisma } from '~/prisma/index'
 import { verifyHeaderCookie } from '~/middleware/_verifyHeaderCookie'
+import { readMessageSchema } from '~/validations/message'
+import { kunParsePutBody } from '~/app/api/utils/parseQuery'
 
-export const readMessage = async (uid: number) => {
+export const readMessage = async (uid: number, type?: string) => {
   await prisma.user_message.updateMany({
-    where: { recipient_id: uid },
+    where: { recipient_id: uid, type },
     data: { status: { set: 1 } }
   })
   return {}
@@ -15,7 +17,13 @@ export const PUT = async (req: NextRequest) => {
   if (!payload) {
     return NextResponse.json('用户未登录')
   }
+  const input = await kunParsePutBody(req, readMessageSchema)
+  if (typeof input === 'string') {
+    return NextResponse.json(input)
+  }
+
+  const messageType = input.type === 'all' ? undefined : input.type
 
-  const response = await readMessage(payload.uid)
+  const response = await readMessage(payload.uid, messageType)
   return NextResponse.json(response)
 }

components/galgame/Card.tsx

@@ -60,17 +60,14 @@ export const GalgameCard = ({ patch }: Props) => {
               {GALGAME_AGE_LIMIT_MAP[patch.content_limit]}
             </Chip>
           </div>
-
-          <div className="absolute z-10 rounded-full bg-background right-2 bottom-2">
-            <Chip size="sm" variant="flat">
-              {formatDistanceToNow(patch.created)}
-            </Chip>
-          </div>
         </div>
       </CardHeader>
       <CardBody className="justify-between space-y-2">
-        <h2 className="font-semibold transition-colors text-medium sm:text-lg line-clamp-2 hover:text-primary-500">
-          {patch.name}
+        <h2 className="font-semibold transition-colors space-x-2 text-medium sm:text-lg line-clamp-2 hover:text-primary-500">
+          <span>{patch.name}</span>
+          <span className="font-normal text-base text-xs text-default-500">
+            {formatDistanceToNow(patch.created)}
+          </span>
         </h2>
         <KunCardStats patch={patch} />
       </CardBody>

components/kun/top-bar/User.tsx

@@ -8,7 +8,7 @@ import { Button } from '@heroui/button'
 import { Skeleton } from '@heroui/skeleton'
 import { Tooltip } from '@heroui/tooltip'
 import { useUserStore } from '~/store/userStore'
-import { useRouter } from '@bprogress/next'
+import { useRouter } from 'next/navigation'
 import { kunFetchGet } from '~/utils/kunFetch'
 import { ThemeSwitcher } from './ThemeSwitcher'
 import { useMounted } from '~/hooks/useMounted'

components/message/MessageNav.tsx

@@ -7,6 +7,7 @@ import { Bell, Globe, UserPlus, RefreshCcw, Puzzle, AtSign } from 'lucide-react'
 import { usePathname } from 'next/navigation'
 import Link from 'next/link'
 import toast from 'react-hot-toast'
+import { READABLE_MESSAGE_MAP } from '~/constants/message'
 
 const notificationTypes = [
   { type: 'notice', label: '全部消息', icon: Bell, href: '/message/notice' },
@@ -39,17 +40,24 @@ const notificationTypes = [
 
 export const MessageNav = () => {
   const pathname = usePathname()
-  const lastSegment = pathname.split('/').filter(Boolean).pop()
+  const lastSegment = pathname.split('/').filter(Boolean).pop() || ''
+
+  const readableMessageType = notificationTypes.map((msg) => msg.type)
 
   useEffect(() => {
-    const readAllMessage = async () => {
-      const res = await kunFetchPut<KunResponse<{}>>('/message/read')
+    const readAllMessage = async (messageType: string) => {
+      const res = await kunFetchPut<KunResponse<{}>>('/message/read', {
+        type: messageType
+      })
       if (typeof res === 'string') {
         toast.error(res)
       }
     }
-    readAllMessage()
-  }, [])
+
+    if (readableMessageType.includes(lastSegment)) {
+      readAllMessage(READABLE_MESSAGE_MAP[lastSegment])
+    }
+  }, [lastSegment])
 
   return (
     <div className="flex flex-col w-full gap-3">

constants/message.ts

@@ -28,3 +28,12 @@ export const MESSAGE_TYPE_MAP: Record<string, string> = {
   patchResourceUpdate: '更新补丁',
   system: '系统'
 }
+
+export const READABLE_MESSAGE_MAP: Record<string, string> = {
+  notice: 'all',
+  follow: 'follow',
+  'patch-resource-create': 'patchResourceCreate',
+  'patch-resource-update': 'patchResourceUpdate',
+  mention: 'mention',
+  system: 'system'
+}

validations/message.ts

@@ -16,3 +16,7 @@ export const getMessageSchema = z.object({
   page: z.coerce.number().min(1).max(9999999),
   limit: z.coerce.number().min(1).max(30)
 })
+
+export const readMessageSchema = z.object({
+  type: z.string().max(20, { message: '消息类型最多 20 个字符' })
+})