ui update

src/main.rs

@@ -17,6 +17,7 @@ async fn main() -> AppResult<()> {
 
     while app.running {
         tui.draw(&mut app)?;
+
         match tui.events.next().await? {
             Event::Tick => app.tick(),
             Event::Key(key_event) => handle_key_events(key_event, &mut app)?,

src/ui.rs

@@ -1,32 +1,53 @@
 use ratatui::{
-    layout::Alignment,
+    layout::{Alignment, Constraint, Direction, Layout},
     style::{Color, Style},
     text::Line,
-    widgets::{Block, BorderType, Paragraph},
+    widgets::{Block, Borders, Paragraph},
     Frame,
 };
 
 use crate::app::App;
 
 pub fn render(app: &mut App, frame: &mut Frame) {
-    let mut content_lines: Vec<Line> = app.content.iter().map(|s| s.as_str().into()).collect();
+    let content_lines: Vec<Line> = app.content.iter().map(|s| s.as_str().into()).collect();
 
-    content_lines.push(Line::from(format!("{}", app.cursor_position.x)));
-    content_lines.push(Line::from(format!("{}", app.cursor_position.y)));
+    let status_bar = Line::from(format!(
+        "{}:{}",
+        app.cursor_position.y + 1,
+        app.cursor_position.x + 1
+    ))
+    .right_aligned();
+
+    let layout = Layout::default()
+        .direction(Direction::Vertical)
+        .constraints([
+            Constraint::Length(1),
+            Constraint::Min(0),
+            Constraint::Length(1),
+        ])
+        .split(frame.size());
 
     frame.render_widget(
-        Paragraph::new(content_lines)
-            .block(
-                Block::bordered()
-                    .title("RustEdit")
-                    .title_alignment(Alignment::Center)
-                    .border_type(BorderType::Rounded),
-            )
+        Block::new()
+            .borders(Borders::TOP)
+            .title("RustEdit")
+            .title_alignment(Alignment::Center)
             .style(Style::default().fg(Color::LightBlue).bg(Color::Black)),
-        frame.size(),
+        layout[0],
+    );
+
+    frame.render_widget(
+        Paragraph::new(content_lines).style(Style::default().fg(Color::LightBlue).bg(Color::Black)),
+        layout[1],
     );
+
+    frame.render_widget(
+        Paragraph::new(status_bar).style(Style::default().fg(Color::LightCyan).bg(Color::Blue)),
+        layout[2],
+    );
+
     frame.set_cursor(
-        app.cursor_position.x as u16 + 1,
+        app.cursor_position.x as u16,
         app.cursor_position.y as u16 + 1,
     );
 }