altoku/src/ui.rs

use ratatui::{
    prelude::*,
    style::{Color, Style},
    widgets::*,
    Frame,
};

use crate::app::App;

/// Renders the user interface.
pub fn render(app: &mut App, frame: &mut Frame) {
    let chunks = Layout::default()
        .direction(Direction::Vertical)
        .margin(2)
        .constraints(
            [
                Constraint::Length(1),
                Constraint::Length(3),
                Constraint::Min(1),
            ]
            .as_ref(),
        )
        .split(frame.size());

    let text: Vec<Line> = vec![Line::from(vec![
        "Press ".into(),
        "Esc".bold(),
        " or ".into(),
        "Ctrl+C".bold(),
        " to quit, and ".into(),
        "Enter".bold(),
        " to submit your query.".into(),
    ])];
    let help_message = Paragraph::new(text);
    frame.render_widget(help_message, chunks[0]);

    let width = chunks[0].width.max(3) - 3;

    let scroll = app.input.visual_scroll(width as usize);
    let input = Paragraph::new(app.input.value())
        .style(Style::default().fg(Color::Yellow))
        .scroll((0, scroll as u16))
        .block(
            Block::default()
                .borders(Borders::ALL)
                .title("Search (Anime)"),
        );
    frame.render_widget(input, chunks[1]);
    frame.set_cursor(
        chunks[1].x + ((app.input.visual_cursor()).max(scroll) - scroll) as u16 + 1,
        chunks[1].y + 1,
    );

    let messages = Paragraph::new("Another placeholder")
        .block(Block::default().borders(Borders::ALL).title("Results"));
    frame.render_widget(messages, chunks[2]);
}