Working scrollbar

src/ui/components/footer.rs

@@ -9,7 +9,11 @@ use ratatui::{
 use crate::i18n::t;
 use chrono::Local;
 
-pub fn render_footer(frame: &mut Frame, area: Rect, seconds_until_update: u64) {
+pub fn render_footer(
+    frame: &mut Frame,
+    area: Rect,
+    seconds_until_update: u64
+) {
     let now = Local::now();
     let datatime_str = now.format("%Y-%m-%d %H:%M:%S").to_string();
     let countdown_str = format!("↻ {}s", seconds_until_update);

src/ui/components/monitor_list.rs

@@ -3,7 +3,7 @@ use std::cmp::min;
 use crate::i18n::t;
 use crate::ui::dashboard::{
     MonitorStatus, MonitorViewState,
-    model::{DashboardViewState, GroupViewState, BORDER_LINES_VIEW},
+    model::{BORDER_LINES_VIEW, DashboardViewState, GroupViewState},
 };
 use ratatui::{
     Frame,
@@ -16,26 +16,51 @@ use ratatui::{
 const STATUS_LINE_LENGTH: usize = 100;
 const MAX_NAME_LENGTH: usize = 30;
 
-pub fn render_monitor_list(main_frame: &mut Frame, area: Rect, state: &DashboardViewState) {
-    let constraints: Vec<Constraint> = state
-        .groups
-        .iter()
-        .map(|g| {
-            let height_neeed = BORDER_LINES_VIEW + g.monitors.len();
-            Constraint::Length(height_neeed as u16)
-        })
-        .collect();
+pub fn render_monitor_list(main_frame: &mut Frame, area: Rect, state: &mut DashboardViewState) {
+    let available_height = area.height as usize;
+    let total_lenght = state.get_total_lenght();
 
-    if constraints.is_empty() {
-        return;
+    if (state.scroll_state.get_position() + available_height) > total_lenght {
+        state.scroll_state = state.scroll_state.position(total_lenght - available_height);
     }
 
-    let group_areas = Layout::vertical(constraints).split(area);
+    let scroll_pos = state.scroll_state.get_position();
+    let mut current_y = area.y as usize;
+    let mut rendered_height = 0;
+    let mut lines_skipped = 0;
 
-    for (i, (group, &group_area)) in state.groups.iter().zip(group_areas.iter()).enumerate() {
-        if group_area.height > 0 {
-            render_group(main_frame, group_area, group, i == 0);
+    for (i, group) in state.groups.iter().enumerate() {
+        let group_height = group.monitors.len() + BORDER_LINES_VIEW;
+
+        if lines_skipped + group_height <= scroll_pos {
+            lines_skipped += group_height;
+            continue;
         }
+
+        let visible_height = if lines_skipped < scroll_pos {
+            group_height - (scroll_pos - lines_skipped)
+        } else {
+            group_height
+        }
+        .min(available_height - rendered_height);
+
+        let group_area = Rect {
+            x: area.x,
+            y: current_y as u16,
+            width: area.width,
+            height: visible_height as u16,
+        };
+
+        render_group(
+            main_frame,
+            group_area,
+            group,
+            i == 0 && lines_skipped >= scroll_pos,
+        );
+
+        current_y += visible_height;
+        rendered_height += visible_height;
+        lines_skipped += group_height;
     }
 }