gitkraft_gui/widgets/
header.rs

1//! Top toolbar / header bar for the GitKraft main layout.
2//!
3//! Shows: repo name │ branch name │ fetch button │ refresh button │ toggle sidebar.
4
5use iced::widget::{button, container, row, text, Space};
6use iced::{Alignment, Element, Length};
7
8use crate::features::theme::view::theme_selector;
9use crate::icons;
10use crate::message::Message;
11use crate::state::GitKraft;
12use crate::theme;
13use crate::view_utils;
14
15/// Render the top toolbar row.
16pub fn view(state: &GitKraft) -> Element<'_, Message> {
17    let tab = state.active_tab();
18    let c = state.colors();
19
20    // ── Repo name ─────────────────────────────────────────────────────────
21    let repo_icon = icon!(icons::FOLDER_OPEN, 14, c.accent);
22
23    let repo_name = text(state.repo_display_name())
24        .size(14)
25        .color(c.text_primary);
26
27    let separator = || text("|").size(14).color(c.border);
28
29    // ── Branch indicator ──────────────────────────────────────────────────
30    let branch_icon = icon!(icons::GIT_BRANCH, 14, c.green);
31
32    let branch_name_str = tab.current_branch.as_deref().unwrap_or("(detached)");
33
34    let branch_label = text(branch_name_str).size(14).color(c.text_primary);
35
36    // ── Repo state badge (if not clean) ───────────────────────────────────
37    let state_badge: Element<'_, Message> = if let Some(ref info) = tab.repo_info {
38        if info.state != gitkraft_core::RepoState::Clean {
39            text(format!(" [{}]", info.state))
40                .size(12)
41                .color(c.yellow)
42                .into()
43        } else {
44            Space::new(0, 0).into()
45        }
46    } else {
47        Space::new(0, 0).into()
48    };
49
50    // ── Fetch button ──────────────────────────────────────────────────────
51    let fetch_icon = icon!(icons::CLOUD_ARROW_DOWN, 14, c.accent);
52
53    let fetch_msg = (!tab.remotes.is_empty()).then_some(Message::Fetch);
54    let fetch_btn = crate::view_utils::on_press_maybe(
55        button(
56            row![fetch_icon, Space::new(4, 0), text("Fetch").size(12)].align_y(Alignment::Center),
57        )
58        .padding([4, 10])
59        .style(theme::toolbar_button),
60        fetch_msg,
61    );
62
63    // ── Refresh button ────────────────────────────────────────────────────
64    let refresh_icon = icon!(icons::ARROW_REPEAT, 14, c.accent);
65
66    let refresh_btn = view_utils::toolbar_btn(refresh_icon, "Refresh", Message::RefreshRepo);
67
68    // ── Open another repo button ──────────────────────────────────────────
69    let open_icon = icon!(icons::FOLDER_OPEN, 14, c.text_secondary);
70
71    let open_btn = view_utils::toolbar_btn(open_icon, "Open", Message::OpenRepo);
72
73    // ── Close repo button (return to welcome screen) ──────────────────────
74    let close_icon = icon!(icons::X_CIRCLE, 14, c.text_secondary);
75
76    let close_btn = view_utils::toolbar_btn(close_icon, "Close", Message::CloseRepo);
77
78    // ── Toggle sidebar ────────────────────────────────────────────────────
79    let sidebar_icon_char = if state.sidebar_expanded {
80        icons::CHEVRON_LEFT
81    } else {
82        icons::CHEVRON_RIGHT
83    };
84    let sidebar_icon = icon!(sidebar_icon_char, 14, c.text_secondary);
85
86    let sidebar_btn = button(sidebar_icon)
87        .padding([4, 8])
88        .style(theme::icon_button)
89        .on_press(Message::ToggleSidebar);
90
91    // ── Loading indicator ─────────────────────────────────────────────────
92    let loading_indicator: Element<'_, Message> = if tab.is_loading {
93        text("⟳ Loading…").size(12).color(c.yellow).into()
94    } else {
95        Space::new(0, 0).into()
96    };
97
98    // ── Assemble ──────────────────────────────────────────────────────────
99    let toolbar = row![
100        sidebar_btn,
101        Space::new(8, 0),
102        repo_icon,
103        Space::new(6, 0),
104        repo_name,
105        Space::new(10, 0),
106        separator(),
107        Space::new(10, 0),
108        branch_icon,
109        Space::new(6, 0),
110        branch_label,
111        state_badge,
112        Space::new(10, 0),
113        separator(),
114        Space::new(10, 0),
115        loading_indicator,
116        Space::new(Length::Fill, 0),
117        theme_selector(state.current_theme_index),
118        Space::new(8, 0),
119        fetch_btn,
120        Space::new(4, 0),
121        refresh_btn,
122        Space::new(4, 0),
123        open_btn,
124        Space::new(4, 0),
125        close_btn,
126    ]
127    .align_y(Alignment::Center)
128    .padding([6, 12])
129    .width(Length::Fill);
130
131    container(toolbar)
132        .width(Length::Fill)
133        .style(theme::header_style)
134        .into()
135}
gitkraft_gui/widgets/header.rs

gitkraft_gui/widgets/
header.rs
