refactor(tui): avoid to show details in a new view

Author: Oghma

crates/tui/src/app/mod.rs

@@ -340,9 +340,15 @@ impl App {
             crate::ui::keymap::AppAction::Up => {
                 if self.state.screen == Screen::Home
                     && self.state.section == Section::Transactions
-                    && self.state.transactions.mode == TransactionsMode::List
+                    && matches!(
+                        self.state.transactions.mode,
+                        TransactionsMode::List | TransactionsMode::Detail
+                    )
                 {
                     self.state.transactions.select_prev();
+                    if self.state.transactions.mode == TransactionsMode::Detail {
+                        self.open_transaction_detail().await?;
+                    }
                 } else if self.state.screen == Screen::Home
                     && self.state.section == Section::Transactions
                     && matches!(
@@ -366,22 +372,34 @@ impl App {
                     self.transaction_form_select_prev();
                 } else if self.state.screen == Screen::Home
                     && self.state.section == Section::Wallets
-                    && self.state.wallets.mode == WalletsMode::List
+                    && matches!(self.state.wallets.mode, WalletsMode::List | WalletsMode::Detail)
                 {
                     self.wallets_select_prev();
+                    if self.state.wallets.mode == WalletsMode::Detail {
+                        self.open_wallet_detail().await?;
+                    }
                 } else if self.state.screen == Screen::Home
                     && self.state.section == Section::Flows
-                    && self.state.flows.mode == FlowsMode::List
+                    && matches!(self.state.flows.mode, FlowsMode::List | FlowsMode::Detail)
                 {
                     self.flows_select_prev();
+                    if self.state.flows.mode == FlowsMode::Detail {
+                        self.open_flow_detail().await?;
+                    }
                 }
             }
             crate::ui::keymap::AppAction::Down => {
                 if self.state.screen == Screen::Home
                     && self.state.section == Section::Transactions
-                    && self.state.transactions.mode == TransactionsMode::List
+                    && matches!(
+                        self.state.transactions.mode,
+                        TransactionsMode::List | TransactionsMode::Detail
+                    )
                 {
                     self.state.transactions.select_next();
+                    if self.state.transactions.mode == TransactionsMode::Detail {
+                        self.open_transaction_detail().await?;
+                    }
                 } else if self.state.screen == Screen::Home
                     && self.state.section == Section::Transactions
                     && matches!(
@@ -405,14 +423,20 @@ impl App {
                     self.transaction_form_select_next();
                 } else if self.state.screen == Screen::Home
                     && self.state.section == Section::Wallets
-                    && self.state.wallets.mode == WalletsMode::List
+                    && matches!(self.state.wallets.mode, WalletsMode::List | WalletsMode::Detail)
                 {
                     self.wallets_select_next();
+                    if self.state.wallets.mode == WalletsMode::Detail {
+                        self.open_wallet_detail().await?;
+                    }
                 } else if self.state.screen == Screen::Home
                     && self.state.section == Section::Flows
-                    && self.state.flows.mode == FlowsMode::List
+                    && matches!(self.state.flows.mode, FlowsMode::List | FlowsMode::Detail)
                 {
                     self.flows_select_next();
+                    if self.state.flows.mode == FlowsMode::Detail {
+                        self.open_flow_detail().await?;
+                    }
                 }
             }
             crate::ui::keymap::AppAction::Input(ch) => {

crates/tui/src/ui/screens/flows.rs

@@ -24,7 +24,14 @@ pub fn render(frame: &mut Frame<'_>, area: Rect, state: &AppState) {
     render_header(frame, layout[0], state, &theme);
 
     match state.flows.mode {
-        FlowsMode::Detail => render_detail(frame, layout[1], state, &theme),
+        FlowsMode::Detail => {
+            let columns = Layout::default()
+                .direction(Direction::Horizontal)
+                .constraints([Constraint::Percentage(55), Constraint::Percentage(45)])
+                .split(layout[1]);
+            render_list(frame, columns[0], state, &theme);
+            render_detail(frame, columns[1], state, &theme);
+        }
         FlowsMode::Create | FlowsMode::Rename | FlowsMode::List => {
             render_list(frame, layout[1], state, &theme)
         }

crates/tui/src/ui/screens/login.rs

@@ -45,8 +45,9 @@ pub fn render(frame: &mut Frame<'_>, area: Rect, state: &AppState) {
     // Clear the area behind the form
     frame.render_widget(Clear, card_area);
 
-    // Main container with rounded borders
+    // Main container with rounded borders and title
     let block = Block::default()
+        .title(" login ")
         .borders(Borders::ALL)
         .border_type(BorderType::Rounded)
         .border_style(Style::default().fg(theme.border));

crates/tui/src/ui/screens/transactions.rs

@@ -49,7 +49,12 @@ pub fn render(frame: &mut Frame<'_>, area: Rect, state: &AppState) {
             }
         }
         TransactionsMode::Detail | TransactionsMode::Edit => {
-            render_detail(frame, layout[1], state, &theme)
+            let columns = Layout::default()
+                .direction(Direction::Horizontal)
+                .constraints([Constraint::Percentage(55), Constraint::Percentage(45)])
+                .split(layout[1]);
+            render_list(frame, columns[0], state, &theme);
+            render_detail(frame, columns[1], state, &theme);
         }
     }
 }

crates/tui/src/ui/screens/wallets.rs

@@ -24,7 +24,14 @@ pub fn render(frame: &mut Frame<'_>, area: Rect, state: &AppState) {
     render_header(frame, layout[0], state, &theme);
 
     match state.wallets.mode {
-        WalletsMode::Detail => render_detail(frame, layout[1], state, &theme),
+        WalletsMode::Detail => {
+            let columns = Layout::default()
+                .direction(Direction::Horizontal)
+                .constraints([Constraint::Percentage(55), Constraint::Percentage(45)])
+                .split(layout[1]);
+            render_list(frame, columns[0], state, &theme);
+            render_detail(frame, columns[1], state, &theme);
+        }
         WalletsMode::Create | WalletsMode::Rename | WalletsMode::List => {
             render_list(frame, layout[1], state, &theme)
         }