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

gitkraft_gui/widgets/
header.rs
