修改頭像呈現方式

components/admin/user-management.tsx

@@ -5,7 +5,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/com
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { Badge } from "@/components/ui/badge"
-import { Avatar, AvatarFallback } from "@/components/ui/avatar"
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog"
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
@@ -878,6 +878,7 @@ export function UserManagement() {
                   <TableCell>
                     <div className="flex items-center space-x-3">
                       <Avatar className="w-8 h-8">
+                        <AvatarImage src={user.avatar} />
                         <AvatarFallback className="bg-gradient-to-r from-blue-600 to-purple-600 text-white text-sm">
                           {user.name ? user.name.charAt(0) : user.email.charAt(0).toUpperCase()}
                         </AvatarFallback>
@@ -1116,6 +1117,7 @@ export function UserManagement() {
                 <Label>邀請用戶</Label>
                 <div className="flex items-center space-x-3 p-3 bg-gray-50 rounded-lg">
                   <Avatar className="w-10 h-10">
+                    <AvatarImage src={generatedInvitation.avatar} />
                     <AvatarFallback className="bg-gradient-to-r from-blue-600 to-purple-600 text-white">
                       {generatedInvitation.email.charAt(0).toUpperCase()}
                     </AvatarFallback>