node_launchpad/components/
help.rs

use super::header::SelectedMenuItem;
use color_eyre::eyre::Result;
use ratatui::{
    layout::{Constraint, Direction, Layout, Rect},
    style::{Style, Stylize},
    text::Span,
    widgets::{Block, Borders, Padding},
    Frame,
};
use tokio::sync::mpsc::UnboundedSender;

use super::Component;
use crate::{
    action::Action,
    components::header::Header,
    mode::{InputMode, Scene},
    style::{COOL_GREY, GHOST_WHITE, VIVID_SKY_BLUE},
    widgets::hyperlink::Hyperlink,
};

#[derive(Clone)]
pub struct Help {
    pub active: bool,
    pub action_tx: Option<UnboundedSender<Action>>,
}

impl Help {
    pub async fn new() -> Result<Self> {
        Ok(Self {
            active: false,
            action_tx: None,
        })
    }
}

impl Component for Help {
    fn init(&mut self, _area: Rect) -> Result<()> {
        Ok(())
    }

    fn draw(&mut self, f: &mut Frame<'_>, area: Rect) -> Result<()> {
        if !self.active {
            return Ok(());
        }
        // We define a layout, top and down box.
        let layout = Layout::default()
            .direction(Direction::Vertical)
            .constraints(vec![Constraint::Length(1), Constraint::Length(9)])
            .split(area);

        // ==== Header =====
        let header = Header::new();
        f.render_stateful_widget(header, layout[0], &mut SelectedMenuItem::Help);

        // ---- Get Help & Support ----
        // Links

        // Create a new layout as a table, so we can render hyperlinks
        let columns_layout = Layout::default()
            .direction(Direction::Horizontal)
            .constraints(vec![Constraint::Percentage(50), Constraint::Percentage(50)])
            .split(layout[1]);

        let padded_area_left = Rect {
            x: columns_layout[0].x + 2,
            y: columns_layout[0].y + 2,
            width: columns_layout[0].width - 2,
            height: columns_layout[0].height - 2,
        };

        let left_column = Layout::default()
            .direction(Direction::Vertical)
            .constraints(vec![
                Constraint::Max(1),
                Constraint::Max(2),
                Constraint::Max(1),
                Constraint::Max(2),
            ])
            .split(padded_area_left);

        let padded_area_right = Rect {
            x: columns_layout[1].x + 2,
            y: columns_layout[1].y + 2,
            width: columns_layout[1].width - 2,
            height: columns_layout[1].height - 2,
        };
        let right_column = Layout::default()
            .direction(Direction::Vertical)
            .constraints(vec![
                Constraint::Max(1),
                Constraint::Max(2),
                Constraint::Max(1),
                Constraint::Max(2),
            ])
            .split(padded_area_right);

        let quickstart_guide_link = Hyperlink::new(
            Span::styled(
                "docs.autonomi.com/getstarted",
                Style::default().fg(VIVID_SKY_BLUE).underlined(),
            ),
            "https://docs.autonomi.com/getstarted",
        );
        let beta_rewards_link = Hyperlink::new(
            Span::styled(
                "autonomi.com/beta",
                Style::default().fg(VIVID_SKY_BLUE).underlined(),
            ),
            "https://autonomi.com/beta",
        );
        let get_direct_support_link = Hyperlink::new(
            Span::styled(
                "autonomi.com/support",
                Style::default().fg(VIVID_SKY_BLUE).underlined(),
            ),
            "https://autonomi.com/support",
        );
        let download_latest_link = Hyperlink::new(
            Span::styled(
                "autonomi.com/downloads",
                Style::default().fg(VIVID_SKY_BLUE).underlined(),
            ),
            "https://autonomi.com/downloads",
        );

        let block = Block::new()
            .borders(Borders::ALL)
            .border_style(Style::default().fg(COOL_GREY))
            .padding(Padding::uniform(1))
            .title(" Get Help & Support ")
            .bold()
            .title_style(Style::default().bold().fg(GHOST_WHITE));

        // Render hyperlinks in the new area
        f.render_widget(
            Span::styled(
                "See the quick start guides:",
                Style::default().fg(GHOST_WHITE),
            ),
            left_column[0],
        );
        f.render_widget_ref(quickstart_guide_link, left_column[1]);
        f.render_widget(
            Span::styled("Get Direct Support:", Style::default().fg(GHOST_WHITE)),
            left_column[2],
        );
        f.render_widget_ref(get_direct_support_link, left_column[3]);
        f.render_widget(
            Span::styled(
                "To join the Beta Rewards Program:",
                Style::default().fg(GHOST_WHITE),
            ),
            right_column[0],
        );
        f.render_widget_ref(beta_rewards_link, right_column[1]);
        f.render_widget(
            Span::styled(
                "Download the latest launchpad:",
                Style::default().fg(GHOST_WHITE),
            ),
            right_column[2],
        );
        f.render_widget_ref(download_latest_link, right_column[3]);

        f.render_widget(block, layout[1]);

        Ok(())
    }

    fn update(&mut self, action: Action) -> Result<Option<Action>> {
        if let Action::SwitchScene(scene) = action {
            if let Scene::Help = scene {
                self.active = true;
                // make sure we're in navigation mode
                return Ok(Some(Action::SwitchInputMode(InputMode::Navigation)));
            } else {
                self.active = false;
            }
        }
        Ok(None)
    }
}
node_launchpad/components/help.rs

node_launchpad/components/
help.rs
