import React, { useState } from 'react';
export default function SmerDiaryPrototype() {
const [step, setStep] = useState('form'); // 'form' | 'success'
const [telegramId, setTelegramId] = useState('');
const [isLinked, setIsLinked] = useState(false);
const [formData, setFormData] = useState({
situation: '',
thought: '',
emotionType: 'Тревога',
emotionIntensity: 50,
reaction: ''
});
const emotionOptions = ['Тревога', 'Гнев', 'Обида', 'Грусть', 'Стыд', 'Вина'];
const handleInputChange = (field, value) => {
setFormData(prev => ({ ...prev, [field]: value }));
};
const handleSaveAndExport = (e) => {
e.preventDefault();
if (!formData.situation || !formData.thought) {
alert('Пожалуйста, заполните ключевые поля: Ситуация и Мысль.');
return;
}
// Имитация интеграции и экспорта
console.log('Данные СМЭР для сохранения:', formData);
if (isLinked && telegramId) {
console.log(`Отправка логов в Telegram для ChatID: ${telegramId}`);
}
setStep('success');
};
const simulatePdfDownload = () => {
alert(`Запущена генерация PDF...\n\nПротокол СМЭР\nСитуация: ${formData.situation}\nМысль: ${formData.thought}\nЭмоция: ${formData.emotionType} (${formData.emotionIntensity}%)\nРеакция: ${formData.reaction}\n\nФайл сохранен в загрузки.`);
};
const handleLinkTelegram = (e) => {
e.preventDefault();
if (telegramId.trim()) {
setIsLinked(true);
alert(`Telegram аккаунт (${telegramId}) успешно привязан к профилю курса.`);
}
};
return (
{/* Шапка / Хедер */}
{/* Основной контент */}
{step === 'form' ? (
{/* Левая панель: настройки интеграции */}
Интеграция с курсом
Привяжите ваш Telegram ID, чтобы мгновенно дублировать отчеты СМЭР в ваш личный закрытый бот курса.
{/* Правая панель: Форма СМЭР */}
✓
Протокол сохранен
Запись успешно добавлена в вашу личную историю когнитивно-поведенческого мониторинга курса.
)}
{/* Подвал / Футер */}
);
}