From b9859438d8d87eca1c165636e2600e9d4d333104 Mon Sep 17 00:00:00 2001
From: zetaloop <zetaloop@outlook.com>
Date: Fri, 20 Feb 2026 20:07:55 +0800
Subject: [PATCH] fix: render lucide icons in community and service form

---
 app/(dashboard)/dashboard/services/new/page.tsx | 6 +++++-
 app/(main)/community/page.tsx                   | 7 ++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/app/(dashboard)/dashboard/services/new/page.tsx b/app/(dashboard)/dashboard/services/new/page.tsx
index 94c22e7..0527b26 100644
--- a/app/(dashboard)/dashboard/services/new/page.tsx
+++ b/app/(dashboard)/dashboard/services/new/page.tsx
@@ -18,6 +18,7 @@ import {
   SelectValue,
 } from "@/components/ui/select"
 import { Textarea } from "@/components/ui/textarea"
+import { GameIcon } from "@/lib/game-icons"
 import { mockGames } from "@/lib/mock-data"
 
 const serviceSchema = z.object({
@@ -70,7 +71,10 @@ export default function NewServicePage() {
                 <SelectContent>
                   {mockGames.map((game) => (
                     <SelectItem key={game.id} value={game.id}>
-                      {game.icon} {game.name}
+                      <div className="flex items-center gap-2">
+                        <GameIcon name={game.icon} className="h-4 w-4" />
+                        {game.name}
+                      </div>
                     </SelectItem>
                   ))}
                 </SelectContent>
diff --git a/app/(main)/community/page.tsx b/app/(main)/community/page.tsx
index 750dca6..75fce33 100644
--- a/app/(main)/community/page.tsx
+++ b/app/(main)/community/page.tsx
@@ -1,4 +1,4 @@
-import { Heart, MessageCircle, PenSquare, Pin } from "lucide-react"
+import { ClipboardList, Heart, MessageCircle, PenSquare, Pin } from "lucide-react"
 import Link from "next/link"
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Badge } from "@/components/ui/badge"
@@ -62,8 +62,9 @@ export default function CommunityPage() {
                   </div>
                 )}
                 {post.linkedOrderId && (
-                  <div className="mt-2 rounded border bg-muted/30 px-3 py-2 text-xs text-muted-foreground">
-                    📋 关联订单秀单
+                  <div className="mt-2 rounded border bg-muted/30 px-3 py-2 text-xs text-muted-foreground flex items-center gap-1.5">
+                    <ClipboardList className="h-3.5 w-3.5" />
+                    关联订单秀单
                   </div>
                 )}
               </CardContent>