0.0.0.2

components/members/member-form.tsx

@@ -11,6 +11,7 @@ import { Textarea } from "@/components/ui/textarea"
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
 import { CalendarIcon, User, Scroll, Users } from "lucide-react"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { ImageUpload } from "@/components/ui/image-upload"
 
 interface MemberFormProps {
   initialData?: Partial<FamilyMember>
@@ -75,6 +76,13 @@ export function MemberForm({ initialData, existingMembers = [], onSubmit, onCanc
             </CardTitle>
           </CardHeader>
           <CardContent className="space-y-4">
+            <div className="flex justify-center mb-4">
+              <ImageUpload
+                value={formData.avatarImageId}
+                onChange={(imageId) => handleChange("avatarImageId", imageId)}
+              />
+            </div>
+
             <div className="grid grid-cols-2 gap-4">
               <div className="space-y-2">
                 <Label htmlFor="surname">姓 (Surname)</Label>