feat: add trainer bio (experience, victories, education) across all layers

- Extend TeamMember type with experience/victories/education string arrays
- Add DB columns with auto-migration for existing databases
- Update API POST route to accept bio fields
- Add ListField component for editing string arrays in admin
- Add bio section (Опыт/Достижения/Образование) to team member admin form
- Create TeamProfile component with full profile view (photo + bio sections)
- Add "Подробнее" button to TeamMemberInfo that toggles to profile view

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-13 13:09:28 +03:00
parent ed90cd5924
commit 921d10800b
8 changed files with 282 additions and 14 deletions

View File

@@ -4,7 +4,7 @@ import { useState, useEffect } from "react";
import { useRouter, useParams } from "next/navigation";
import Image from "next/image";
import { Save, Loader2, Check, ArrowLeft, Upload } from "lucide-react";
import { InputField, TextareaField } from "../../_components/FormField";
import { InputField, TextareaField, ListField } from "../../_components/FormField";
interface MemberForm {
name: string;
@@ -12,6 +12,9 @@ interface MemberForm {
image: string;
instagram: string;
description: string;
experience: string[];
victories: string[];
education: string[];
}
export default function TeamMemberEditorPage() {
@@ -25,6 +28,9 @@ export default function TeamMemberEditorPage() {
image: "/images/team/placeholder.webp",
instagram: "",
description: "",
experience: [],
victories: [],
education: [],
});
const [loading, setLoading] = useState(!isNew);
const [saving, setSaving] = useState(false);
@@ -42,6 +48,9 @@ export default function TeamMemberEditorPage() {
image: member.image,
instagram: member.instagram || "",
description: member.description || "",
experience: member.experience || [],
victories: member.victories || [],
education: member.education || [],
})
)
.finally(() => setLoading(false));
@@ -192,6 +201,30 @@ export default function TeamMemberEditorPage() {
onChange={(v) => setData({ ...data, description: v })}
rows={6}
/>
<div className="border-t border-white/5 pt-4 mt-4">
<p className="text-sm font-medium text-neutral-300 mb-4">Биография</p>
<div className="space-y-4">
<ListField
label="Опыт"
items={data.experience}
onChange={(items) => setData({ ...data, experience: items })}
placeholder="Например: 10 лет в танцах"
/>
<ListField
label="Достижения"
items={data.victories}
onChange={(items) => setData({ ...data, victories: items })}
placeholder="Например: 1 место — чемпионат..."
/>
<ListField
label="Образование"
items={data.education}
onChange={(items) => setData({ ...data, education: items })}
placeholder="Например: Сертификат IPSF"
/>
</div>
</div>
</div>
</div>
</div>