1 files changed, 37 insertions, 0 deletions
diff --git a/src/ui.rs b/src/ui.rs
new file mode 100755
index 0000000..3f2eec8
--- /dev/null
+++ b/src/ui.rs
@@ -0,0 +1,37 @@
+use crate::{app::App, connection::Connection};
+use ratatui::{prelude::*, widgets::*};
+
+/// Renders the user interface widgets
+pub fn render(app: &mut App, frame: &mut Frame) {
+    // This is where you add new widgets.
+    // See the following resources:
+    // - https://docs.rs/ratatui/latest/ratatui/widgets/index.html
+    // - https://github.com/ratatui-org/ratatui/tree/master/examples
+
+    // List of songs
+    let mut state = ListState::default();
+    let size = Rect::new(100, 0, frame.size().width, frame.size().height - 3);
+    let list = List::new(app.conn.songs_filenames.clone())
+        .block(Block::default().title("Song List").borders(Borders::ALL))
+        .highlight_style(Style::new().add_modifier(Modifier::REVERSED))
+        .highlight_symbol(">>")
+        .repeat_highlight_symbol(true);
+
+    state.select(Some(app.list.index));
+    frame.render_stateful_widget(list, size, &mut state);
+
+    // Play Queue
+    let size = Rect::new(0, 0, 100, frame.size().height - 25);
+    let list = List::new(app.play_deque.clone())
+        .block(Block::default().title("Play Queue").borders(Borders::ALL))
+        .highlight_style(Style::new().add_modifier(Modifier::REVERSED))
+        .highlight_symbol(">>")
+        .repeat_highlight_symbol(true);
+    frame.render_widget(list, size);
+
+    // Status
+    let size = Rect::new(0, frame.size().height - 3, frame.size().width, 3);
+    let status = Paragraph::new(app.conn.conn.status().unwrap().volume.to_string())
+        .block(Block::default().title("Status").borders(Borders::ALL));
+    frame.render_widget(status, size);
+}