diana.dolgolyova
22bd117dae
- RichTextarea with toolbar (Bold, Italic, List, Heading) + Ctrl+B/I
hotkeys (layout-independent), active state highlighting, preview mode
- Shared ImageCropField component (replaces duplicate in news/classes)
with drag-to-reposition, Ctrl+scroll zoom, compact layout
- SectionEditor defaultData prop — all admin pages handle empty DB
- Team: section title editable, toast notifications, unsaved data warning
on navigation (back button, sidebar links, browser close)
- Carousel: continuous card wrapping during drag, edge fade for small teams
- Markup renderer: **bold**, *italic*, ## headings, 🤍 bullet points
- Empty DB guards on all public site sections
- Fix: upload error handling, contact phone field, "team" section key
51 lines
1.6 KiB
TypeScript
51 lines
1.6 KiB
TypeScript
"use client";
|
|
|
|
import { SectionEditor } from "../_components/SectionEditor";
|
|
import { InputField, TextareaField } from "../_components/FormField";
|
|
import { ArrayEditor } from "../_components/ArrayEditor";
|
|
|
|
interface FAQData {
|
|
title: string;
|
|
items: { question: string; answer: string }[];
|
|
}
|
|
|
|
export default function FAQEditorPage() {
|
|
return (
|
|
<SectionEditor<FAQData> sectionKey="faq" title="FAQ" defaultData={{ items: [] }}>
|
|
{(data, update) => (
|
|
<>
|
|
<InputField
|
|
label="Заголовок секции"
|
|
value={data.title}
|
|
onChange={(v) => update({ ...data, title: v })}
|
|
/>
|
|
<ArrayEditor
|
|
label="Вопросы и ответы"
|
|
items={data.items}
|
|
onChange={(items) => update({ ...data, items })}
|
|
collapsible
|
|
getItemTitle={(item) => item.question || "Без вопроса"}
|
|
renderItem={(item, _i, updateItem) => (
|
|
<div className="space-y-3">
|
|
<InputField
|
|
label="Вопрос"
|
|
value={item.question}
|
|
onChange={(v) => updateItem({ ...item, question: v })}
|
|
/>
|
|
<TextareaField
|
|
label="Ответ"
|
|
value={item.answer}
|
|
onChange={(v) => updateItem({ ...item, answer: v })}
|
|
rows={3}
|
|
/>
|
|
</div>
|
|
)}
|
|
createItem={() => ({ question: "", answer: "" })}
|
|
addLabel="Добавить вопрос"
|
|
/>
|
|
</>
|
|
)}
|
|
</SectionEditor>
|
|
);
|
|
}
|