Add big text title 'Glues' to entry view

gluesql · Oct 12, 2024 · b2cb132 · b2cb132
1 parent c404b16
commit b2cb132
Show file tree

Hide file tree

Showing 3 changed files with 75 additions and 10 deletions.
diff --git a/Cargo.lock b/Cargo.lock
diff --git a/ratatui/Cargo.toml b/ratatui/Cargo.toml
@@ -18,3 +18,4 @@ async-io = "2.3.2"
 ratatui = "0.28.1"
 color-eyre = "0.6.3"
 edtui = "0.7.2"
+tui-big-text = "0.6.0"
diff --git a/ratatui/src/views/body/entry.rs b/ratatui/src/views/body/entry.rs
@@ -3,21 +3,27 @@ use {
     glues_core::state::EntryState,
     ratatui::{
         layout::{Alignment, Constraint::Length, Flex, Layout, Rect},
-        style::{Color, Style},
+        style::{Color, Style, Stylize},
         widgets::{Block, HighlightSpacing, List, ListDirection, Padding},
         Frame,
     },
+    tui_big_text::BigText,
 };
 
 pub fn draw(frame: &mut Frame, area: Rect, _state: &EntryState, context: &mut EntryContext) {
-    let [area] = Layout::horizontal([Length(24)])
+    let [area] = Layout::horizontal([Length(38)])
+        .flex(Flex::Center)
+        .areas(area);
+    let [title_area, area] = Layout::vertical([Length(9), Length(9)])
         .flex(Flex::Center)
         .areas(area);
-    let [area] = Layout::vertical([Length(9)]).flex(Flex::Center).areas(area);
 
+    let title = BigText::builder()
+        .lines(vec!["Glues".dark_gray().into()])
+        .build();
     let block = Block::bordered()
         .padding(Padding::new(2, 2, 1, 1))
-        .title("[Glues] Open Notes")
+        .title("Open Notes")
         .title_alignment(Alignment::Center);
 
     let items = ["Instant", "CSV", "JSON", "File", "Git"];
@@ -28,5 +34,6 @@ pub fn draw(frame: &mut Frame, area: Rect, _state: &EntryState, context: &mut En
         .highlight_spacing(HighlightSpacing::Always)
         .direction(ListDirection::TopToBottom);
 
+    frame.render_widget(title, title_area);
     frame.render_stateful_widget(list, area, &mut context.list_state);
 }