tabs

src/app.rs

@@ -14,6 +14,8 @@ pub struct App {
     pub selected_account_input: AccountInput,
     pub current_input: String,
     pub tr_types: Vec<TransactionType>,
+    pub selected_tab: usize,
+    pub tabs: Vec<String>,
     pub connection: Connection,
 }
 
@@ -40,6 +42,14 @@ impl App {
             selected_account_input: AccountInput::Asset,
             current_input: String::new(),
             tr_types: data_layer::get_transaction_types(&con),
+            selected_tab: 0,
+            tabs: [
+                "Transactions".to_string(),
+                "Chart".to_string(),
+                "Chart 2".to_string(),
+                "Chart 3".to_string(),
+            ]
+            .to_vec(),
             connection: con,
         };
     }
@@ -258,4 +268,14 @@ impl App {
             }
         }
     }
+    pub fn next_tab(&mut self) {
+        if self.selected_tab < self.tabs.len() {
+            self.selected_tab += 1;
+        }
+    }
+    pub fn previous_tab(&mut self) {
+        if self.selected_tab > 0 {
+            self.selected_tab -= 1;
+        }
+    }
 }

src/main.rs

@@ -90,6 +90,18 @@ where
                             app.previous_tr();
                         }
                     },
+                    KeyCode::Char('l') => match app.current_widget {
+                        CurrentWidget::AccountList => {}
+                        CurrentWidget::TrxList => {
+                            app.next_tab();
+                        }
+                    },
+                    KeyCode::Char('h') => match app.current_widget {
+                        CurrentWidget::AccountList => {}
+                        CurrentWidget::TrxList => {
+                            app.previous_tab();
+                        }
+                    },
                     KeyCode::Char('n') => match app.current_widget {
                         CurrentWidget::AccountList => {
                             app.current_screen = CurrentScreen::NewAccount;

src/ui.rs

@@ -3,7 +3,7 @@ use ratatui::{
     Frame,
     layout::{Constraint, Direction, Layout, Rect},
     style::{Color, Modifier, Style, palette::tailwind::SLATE},
-    text::{Line, Text},
+    text::{Line, Span, Text},
     widgets::{
         Block, Borders, Clear, HighlightSpacing, List, ListItem, Paragraph, Row, StatefulWidget,
         Table, Wrap,
@@ -32,6 +32,7 @@ pub fn ui(frame: &mut Frame, app: &mut App) {
         .borders(Borders::ALL)
         .border_style(Style::new().fg(Color::DarkGray));
     let mut trx_block = Block::default()
+        .title(build_tab_title(app.selected_tab, app.tabs.clone()))
         .borders(Borders::ALL)
         .border_style(Style::new().fg(Color::DarkGray));
 
@@ -68,6 +69,7 @@ pub fn ui(frame: &mut Frame, app: &mut App) {
     };
     frame.render_widget(Paragraph::new(info).block(info_block), right_layout[0]);
 
+    if app.selected_tab == 0 {
         let trx_header = Row::new(["Date", "Type", "Amount", "Description"]);
         let trx_rows = app.get_list_trx().into_iter().map(|tr| {
             Row::new([
@@ -102,6 +104,8 @@ pub fn ui(frame: &mut Frame, app: &mut App) {
             frame.buffer_mut(),
             &mut app.trx_table.state,
         );
+    } else if app.selected_tab == 1 {
+    }
 
     if let CurrentScreen::NewAccount = app.current_screen {
         let popup = Block::default()
@@ -314,6 +318,25 @@ fn ac_input_str(input: AccountInput, app: &mut App) -> String {
         AccountInput::Asset => app.new_account.get_asset_price().to_string(),
     }
 }
+fn build_tab_title(selected: usize, labels: Vec<String>) -> Vec<Span<'static>> {
+    let mut spans = Vec::new();
+
+    for (i, label) in labels.iter().enumerate() {
+        let style = if i == selected {
+            Style::new().fg(Color::Magenta)
+        } else {
+            Style::new()
+        };
+
+        spans.push(Span::raw(label.clone()).style(style));
+
+        if i + 1 < labels.len() {
+            spans.push(Span::raw(" | ").style(Style::new().fg(Color::DarkGray)));
+        }
+    }
+
+    return spans;
+}
 impl From<&Account> for ListItem<'_> {
     fn from(value: &Account) -> Self {
         let line = Line::styled(