✨ can now hide/display help block

Author: Julien-R44

src/app.rs

@@ -20,6 +20,7 @@ pub struct App {
     pub should_spawn_ssh: bool,
     pub config_paragraph_offset: u16,
     pub db: FileDatabase,
+    pub show_help: bool,
 }
 
 impl App {
@@ -36,6 +37,7 @@ impl App {
             should_spawn_ssh: false,
             config_display_mode: ConfigDisplayMode::Selected,
             db,
+            show_help: false,
         })
     }
 

src/input_handler.rs

@@ -49,6 +49,9 @@ pub fn handle_inputs(app: &mut App) -> Result<(), Box<dyn std::error::Error>> {
                     ConfigDisplayMode::Selected => ConfigDisplayMode::Global,
                 };
             }
+            KeyCode::Char('h') => {
+                app.show_help = !app.show_help;
+            }
             KeyCode::Char('q') => app.should_quit = true,
             KeyCode::Enter => app.should_spawn_ssh = true,
             _ => {}

src/main.rs

@@ -1,6 +1,11 @@
 use std::process::Command;
 
-use tui::layout::{Constraint, Direction, Layout};
+use tui::{
+    layout::{Constraint, Direction, Layout},
+    style::{Color, Style},
+    text::Spans,
+    widgets::{Block, Borders, Paragraph},
+};
 
 mod app;
 mod database;
@@ -43,26 +48,66 @@ async fn main() -> Result<(), Box<dyn std::error::Error>> {
                 .constraints([Constraint::Length(3), Constraint::Percentage(90)].as_ref())
                 .split(frame.size());
 
-            let chunk_b = Layout::default()
+            let chunk_t = Layout::default()
                 .direction(Direction::Horizontal)
-                .margin(1)
-                .horizontal_margin(0)
+                .margin(0)
                 .constraints(
                     [
+                        Constraint::Percentage(80),
+                        Constraint::Length(2),
+                        Constraint::Length(10),
+                    ]
+                    .as_ref(),
+                )
+                .split(chunks[0]);
+
+            let constraints = match app.show_help {
+                false => {
+                    vec![
+                        Constraint::Percentage(50),
+                        Constraint::Length(2),
+                        Constraint::Percentage(50),
+                    ]
+                }
+                true => {
+                    vec![
                         Constraint::Percentage(40),
                         Constraint::Length(2),
                         Constraint::Percentage(30),
                         Constraint::Length(2),
                         Constraint::Percentage(30),
                     ]
-                    .as_ref(),
-                )
+                }
+            };
+
+            let chunk_b = Layout::default()
+                .direction(Direction::Horizontal)
+                .margin(1)
+                .horizontal_margin(0)
+                .constraints(constraints.as_ref())
                 .split(chunks[1]);
 
-            render_group_tabs(&app, chunks[0], frame);
+            let block = Block::default()
+                .borders(Borders::ALL)
+                .border_type(tui::widgets::BorderType::Rounded)
+                .border_style(Style::default().fg(Color::LightMagenta))
+                .title_alignment(tui::layout::Alignment::Center);
+
+            let help_span = Spans::from("'h' Show help");
+            frame.render_widget(
+                Paragraph::new(help_span)
+                    .block(block)
+                    .alignment(tui::layout::Alignment::Center),
+                chunk_t[2],
+            );
+
+            render_group_tabs(&app, chunk_t[0], frame);
             render_host_table(&mut app, chunk_b[0], frame);
             render_config(&mut app, chunk_b[2], frame);
-            render_shortcuts(&app, chunk_b[4], frame);
+
+            if app.show_help {
+                render_shortcuts(&app, chunk_b[4], frame);
+            }
         })?;
 
         handle_inputs(&mut app)?;

src/render_shortcuts.rs

@@ -15,10 +15,7 @@ pub fn render_shortcuts(_app: &App, area: Rect, frame: &mut Frame<CrosstermBacke
         .border_type(tui::widgets::BorderType::Rounded)
         .border_style(Style::default().fg(Color::LightMagenta))
         .title_alignment(tui::layout::Alignment::Center)
-        .title(Span::styled(
-            " Shortcuts ",
-            Style::default().fg(Color::White),
-        ));
+        .title(Span::styled(" Help ", Style::default().fg(Color::White)));
 
     let text = vec![
         Spans::from("'Enter': Validate"),
@@ -34,5 +31,5 @@ pub fn render_shortcuts(_app: &App, area: Rect, frame: &mut Frame<CrosstermBacke
         .block(block)
         .wrap(Wrap { trim: true });
 
-    frame.render_widget(paragraph, area)
+    frame.render_widget(paragraph, area);
 }