fixes

2026-01-31 03:48:50 +03:00
parent 1bf9b3d703
commit 644e36597d
37 changed files with 1070 additions and 600 deletions
--- a/src/ui/components/emoji_picker.rs
+++ b/src/ui/components/emoji_picker.rs
@@ -0,0 +1,112 @@
+use ratatui::{
+    layout::{Alignment, Rect},
+    style::{Color, Modifier, Style},
+    text::{Line, Span},
+    widgets::{Block, Borders, Clear, Paragraph},
+    Frame,
+};
+
+/// Рендерит модалку выбора реакций (emoji picker)
+///
+/// # Параметры
+/// - `f`: Frame для рендеринга
+/// - `area`: Область экрана
+/// - `available_reactions`: Список доступных эмодзи
+/// - `selected_index`: Индекс выбранного эмодзи
+pub fn render_emoji_picker(
+    f: &mut Frame,
+    area: Rect,
+    available_reactions: &[String],
+    selected_index: usize,
+) {
+    // Размеры модалки (зависят от количества реакций)
+    let emojis_per_row = 8;
+    let rows = (available_reactions.len() + emojis_per_row - 1) / emojis_per_row;
+    let modal_width = 50u16;
+    let modal_height = (rows + 4) as u16; // +4 для заголовка, отступов и подсказки
+
+    // Центрируем модалку
+    let x = area.x + (area.width.saturating_sub(modal_width)) / 2;
+    let y = area.y + (area.height.saturating_sub(modal_height)) / 2;
+
+    let modal_area = Rect::new(
+        x,
+        y,
+        modal_width.min(area.width),
+        modal_height.min(area.height),
+    );
+
+    // Очищаем область под модалкой
+    f.render_widget(Clear, modal_area);
+
+    // Формируем содержимое - сетка эмодзи
+    let mut text_lines = vec![Line::from("")]; // Пустая строка сверху
+
+    for row in 0..rows {
+        let mut row_spans = vec![Span::raw("  ")]; // Отступ слева
+
+        for col in 0..emojis_per_row {
+            let idx = row * emojis_per_row + col;
+            if idx >= available_reactions.len() {
+                break;
+            }
+
+            let emoji = &available_reactions[idx];
+            let is_selected = idx == selected_index;
+
+            let style = if is_selected {
+                Style::default()
+                    .fg(Color::Yellow)
+                    .add_modifier(Modifier::BOLD)
+                    .add_modifier(Modifier::REVERSED)
+            } else {
+                Style::default().fg(Color::White)
+            };
+
+            row_spans.push(Span::styled(format!(" {} ", emoji), style));
+            row_spans.push(Span::raw(" ")); // Пробел между эмодзи
+        }
+
+        text_lines.push(Line::from(row_spans));
+    }
+
+    // Добавляем пустую строку и подсказку
+    text_lines.push(Line::from(""));
+    text_lines.push(Line::from(vec![
+        Span::styled(
+            " [←/→/↑/↓] ",
+            Style::default()
+                .fg(Color::Cyan)
+                .add_modifier(Modifier::BOLD),
+        ),
+        Span::raw("Выбор  "),
+        Span::styled(
+            " [Enter] ",
+            Style::default()
+                .fg(Color::Green)
+                .add_modifier(Modifier::BOLD),
+        ),
+        Span::raw("Добавить  "),
+        Span::styled(
+            " [Esc] ",
+            Style::default().fg(Color::Red).add_modifier(Modifier::BOLD),
+        ),
+        Span::raw("Отмена"),
+    ]));
+
+    let modal = Paragraph::new(text_lines)
+        .block(
+            Block::default()
+                .borders(Borders::ALL)
+                .border_style(Style::default().fg(Color::Yellow))
+                .title(" Выбери реакцию ")
+                .title_style(
+                    Style::default()
+                        .fg(Color::Yellow)
+                        .add_modifier(Modifier::BOLD),
+                ),
+        )
+        .alignment(Alignment::Center);
+
+    f.render_widget(modal, modal_area);
+}