From 4d25bf00ba1605ec281cdd3d266c843ea80b94d9 Mon Sep 17 00:00:00 2001
From: lafay <2021211506@stu.hit.edu.cn>
Date: Sat, 25 Apr 2026 13:01:36 +0800
Subject: [PATCH] feat(posts): add @mention highlighting and vote segment
 display

- Parse post content to highlight @mentions with blue styling
- Render vote segments from post data with formatted options display
- Add MessageSegment interface and segments/is_vote fields to Post type
- Update API base URL and branding from Carrot BBS to WithYou
---
 .env.development                  |  2 +-
 src/api/client.ts                 |  2 +-
 src/components/Layout/Sidebar.tsx |  4 ++--
 src/pages/Dashboard.tsx           |  4 ++--
 src/pages/Login.tsx               |  4 ++--
 src/pages/Posts.tsx               | 19 ++++++++++++++++++-
 src/types/index.ts                |  8 ++++++++
 7 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/.env.development b/.env.development
index e5c45f1..32e483b 100644
--- a/.env.development
+++ b/.env.development
@@ -1,2 +1,2 @@
 # 开发环境 API 地址
-VITE_API_BASE_URL=https://bbs.littlelan.cn/api/v1
\ No newline at end of file
+VITE_API_BASE_URL=https://withyou.littlelan.cn/api/v1
\ No newline at end of file
diff --git a/src/api/client.ts b/src/api/client.ts
index 97eec2c..bc1cf0d 100644
--- a/src/api/client.ts
+++ b/src/api/client.ts
@@ -2,7 +2,7 @@ import axios from 'axios'
 import { useAuthStore } from '@/stores/authStore'
 
 const apiClient = axios.create({
-  baseURL: import.meta.env.VITE_API_BASE_URL || 'https://bbs.littlelan.cn/api/v1',
+  baseURL: import.meta.env.VITE_API_BASE_URL || 'https://withyou.littlelan.cn/api/v1',
   timeout: 10000,
   headers: {
     'Content-Type': 'application/json',
diff --git a/src/components/Layout/Sidebar.tsx b/src/components/Layout/Sidebar.tsx
index 18b7a27..89390b1 100644
--- a/src/components/Layout/Sidebar.tsx
+++ b/src/components/Layout/Sidebar.tsx
@@ -206,7 +206,7 @@ export default function Sidebar({ collapsed, onCollapse }: SidebarProps) {
       {/* Logo区域 */}
       <div className="flex h-16 items-center justify-between border-b px-4">
         {!collapsed && (
-          <span className="text-xl font-bold text-primary">Carrot BBS</span>
+          <span className="text-xl font-bold text-primary">WithYou</span>
         )}
         <Button
           variant="ghost"
@@ -230,7 +230,7 @@ export default function Sidebar({ collapsed, onCollapse }: SidebarProps) {
       {/* 底部版本信息 */}
       {!collapsed && (
         <div className="border-t p-4 text-center text-xs text-muted-foreground">
-          Carrot BBS Admin v1.0.0
+          WithYou Admin v0.0.1
         </div>
       )}
     </aside>
diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx
index 36c1d85..825ac6b 100644
--- a/src/pages/Dashboard.tsx
+++ b/src/pages/Dashboard.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react'
+import { useState, useEffect } from 'react'
 import { Users, FileText, MessageSquare, Clock, TrendingUp, Calendar, CalendarDays, CalendarRange } from 'lucide-react'
 import { StatsCard } from '@/components/StatsCard'
 import { ActivityChart } from '@/components/ActivityChart'
@@ -78,7 +78,7 @@ export default function Dashboard() {
     <div className="space-y-6">
       <div>
         <h1 className="text-3xl font-bold">Dashboard</h1>
-        <p className="text-muted-foreground">欢迎来到 Carrot BBS 管理后台</p>
+        <p className="text-muted-foreground">欢迎来到 WithYou 管理后台</p>
       </div>
       
       {/* 统计卡片 */}
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index 78fee0c..ef76719 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useState } from 'react'
 import { useNavigate, useLocation } from 'react-router-dom'
 import { useAuthStore } from '@/stores/authStore'
 import { Button } from '@/components/ui/button'
@@ -62,7 +62,7 @@ export default function Login() {
               <span className="text-2xl font-bold">C</span>
             </div>
           </div>
-          <CardTitle className="text-2xl font-bold">Carrot BBS</CardTitle>
+          <CardTitle className="text-2xl font-bold">WithYou</CardTitle>
           <CardDescription>管理后台登录</CardDescription>
         </CardHeader>
         <form onSubmit={handleSubmit}>
diff --git a/src/pages/Posts.tsx b/src/pages/Posts.tsx
index 0a329f6..8bf689c 100644
--- a/src/pages/Posts.tsx
+++ b/src/pages/Posts.tsx
@@ -636,8 +636,25 @@ export default function Posts() {
               <div className="space-y-4">
                 <h3 className="text-2xl font-bold text-slate-900 leading-tight">{selectedPost.title}</h3>
                 <div className="prose prose-slate max-w-none">
-                  <p className="text-slate-700 whitespace-pre-wrap leading-relaxed text-base">{selectedPost.content}</p>
+                  <p className="text-slate-700 whitespace-pre-wrap leading-relaxed text-base">
+                    {selectedPost.content?.split(/@(\S+)/g).map((part, i) =>
+                      i % 2 === 1 ? <span key={i} className="text-blue-600 font-medium">@{part}</span> : part
+                    )}
+                  </p>
                 </div>
+                {/* 投票信息（从 segments 解析） */}
+                {selectedPost.segments?.filter(s => s.type === 'vote').map((seg, i) => (
+                  <div key={i} className="mt-3 p-4 rounded-lg border border-slate-200 bg-slate-50">
+                    <div className="flex items-center gap-2 text-sm font-medium text-slate-700 mb-3">
+                      <span>📊 投票</span>
+                    </div>
+                    {seg.data?.options?.map((opt: any, j: number) => (
+                      <div key={j} className="py-1.5 text-slate-600">
+                        {j + 1}. {opt.content}
+                      </div>
+                    ))}
+                  </div>
+                ))}
               </div>
 
               {/* 图片展示 */}
diff --git a/src/types/index.ts b/src/types/index.ts
index 92a35af..30bf613 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -58,17 +58,25 @@ export interface PostImage {
   height?: number
 }
 
+// 消息段类型
+export interface MessageSegment {
+  type: string
+  data: Record<string, any>
+}
+
 // 帖子
 export interface Post {
   id: string
   title: string
   content: string
+  segments?: MessageSegment[]
   author: User
   status: PostStatus
   likes_count: number
   comments_count: number
   views_count: number
   images?: PostImage[]
+  is_vote?: boolean
   created_at: string
   updated_at: string
 }