Working implementation of the elapsed time of the capture

This elapsed time pauses during pause sections and restarts on
resumption.

Ongoing:
 - Consider a RwLock instead of a Mutex for the elapsed time and
   cumulative time values, as these are only written by the UI thread
   and read elsewhere.
 - Combine the cumulative time and start times into a struct for
   clarity.
 - Separate out the elapsed time from the Bandwidth, as they are
   separate considerations, leading to altering the rendering of the
   header to write bandwidth and elapsed time separately.

1 files changed, 15 insertions, 0 deletions

diff --git a/src/display/components/total_bandwidth.rs b/src/display/components/total_bandwidth.rs
index 80d892f..311ce67 100644
--- a/src/display/components/total_bandwidth.rs
+++ b/src/display/components/total_bandwidth.rs
@@ -8,6 +8,7 @@ use crate::display::{DisplayBandwidth, UIState};
 
 pub struct TotalBandwidth<'a> {
     pub state: &'a UIState,
+    pub elapsed_time: std::time::Duration,
     pub paused: bool,
 }
 
@@ -38,8 +39,22 @@ impl<'a> TotalBandwidth<'a> {
                 Style::default().fg(color).modifier(Modifier::BOLD),
             )]
         };
+
         Paragraph::new(title_text.iter())
             .alignment(Alignment::Left)
             .render(frame, rect);
+
+        let elapsed_time_text = [Text::styled(
+            format!(
+                "Total Elapsed Time: {:02}:{:02}:{:02}",
+                self.elapsed_time.as_secs() / 3600,
+                (self.elapsed_time.as_secs() % 3600) / 60,
+                self.elapsed_time.as_secs() % 60
+            ),
+            Style::default().fg(Color::LightBlue).modifier(Modifier::BOLD),
+        )];
+        Paragraph::new(elapsed_time_text.iter())
+          .alignment(Alignment::Right)
+          .render(frame, rect);
     }
 }