refactor(settings): fold the read-only Advanced page into its owning sections
This commit is contained in:
@@ -74,14 +74,11 @@ const NAV_GROUPS: &[NavGroup] = &[
|
||||
},
|
||||
NavGroup {
|
||||
label: "POWER",
|
||||
items: &[
|
||||
NavItem { icon: IconName::Asterisk, label: "Plugins", route: "ely://settings/plugins" },
|
||||
NavItem {
|
||||
icon: IconName::Inspector,
|
||||
label: "Advanced",
|
||||
route: "ely://settings/advanced",
|
||||
},
|
||||
],
|
||||
items: &[NavItem {
|
||||
icon: IconName::Asterisk,
|
||||
label: "Plugins",
|
||||
route: "ely://settings/plugins",
|
||||
}],
|
||||
},
|
||||
NavGroup {
|
||||
label: "ABOUT",
|
||||
|
||||
@@ -1,5 +1,4 @@
|
||||
mod about;
|
||||
mod advanced;
|
||||
mod appearance;
|
||||
mod auth_callback;
|
||||
mod bookmarks;
|
||||
@@ -84,10 +83,6 @@ impl ElyShell {
|
||||
}
|
||||
"ely://about" => self.render_about_page(snapshot),
|
||||
"ely://settings" => self.render_settings_page(snapshot, cx),
|
||||
url @ "ely://settings/advanced" => {
|
||||
let content = self.render_advanced_page(snapshot);
|
||||
render_settings_shell(snapshot, url, content, cx)
|
||||
}
|
||||
url @ "ely://settings/appearance" => {
|
||||
let content = self.render_appearance_page(snapshot, cx);
|
||||
render_settings_shell(snapshot, url, content, cx)
|
||||
|
||||
@@ -1,150 +0,0 @@
|
||||
use ely_browser_core::BrowserSnapshot;
|
||||
use ely_design_system::colors;
|
||||
use ely_domain::{ArchivePolicy, Space};
|
||||
use gpui::{AnyElement, IntoElement, ParentElement, Styled, div, px, rgb};
|
||||
use gpui_component::{IconName, StyledExt, scroll::ScrollableElement};
|
||||
|
||||
use super::{ElyShell, download_labels::download_policy_label, render_canvas_surface};
|
||||
|
||||
impl ElyShell {
|
||||
pub(super) fn render_advanced_page(&mut self, snapshot: &BrowserSnapshot) -> AnyElement {
|
||||
render_canvas_surface(
|
||||
div()
|
||||
.size_full()
|
||||
.p_8()
|
||||
.flex()
|
||||
.flex_col()
|
||||
.gap_5()
|
||||
.child(render_advanced_header())
|
||||
.child(render_advanced_rows(snapshot)),
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
fn render_advanced_header() -> AnyElement {
|
||||
div()
|
||||
.flex()
|
||||
.items_center()
|
||||
.justify_between()
|
||||
.gap_4()
|
||||
.child(div().text_size(px(26.0)).text_color(rgb(colors::ink())).child("Advanced"))
|
||||
.into_any_element()
|
||||
}
|
||||
|
||||
fn render_advanced_rows(snapshot: &BrowserSnapshot) -> AnyElement {
|
||||
let active_space = snapshot.spaces.iter().find(|space| space.id() == &snapshot.active_space_id);
|
||||
|
||||
div()
|
||||
.flex_1()
|
||||
.min_h_0()
|
||||
.flex()
|
||||
.flex_col()
|
||||
.overflow_y_scrollbar()
|
||||
.border_t_1()
|
||||
.border_color(rgb(colors::hairline()))
|
||||
.child(advanced_row(
|
||||
IconName::Eye,
|
||||
"History Recording",
|
||||
snapshot.history_recording_policy.status(),
|
||||
snapshot.history_recording_policy.detail(),
|
||||
))
|
||||
.child(advanced_row(
|
||||
IconName::Star,
|
||||
"Favorite Limit",
|
||||
snapshot.favorite_limit.label(),
|
||||
snapshot.favorite_limit.detail(),
|
||||
))
|
||||
.child(render_sidebar_width_row(active_space))
|
||||
.child(render_archive_policy_row(active_space))
|
||||
.child(advanced_row(
|
||||
IconName::Folder,
|
||||
"Download Policy",
|
||||
download_policy_label(&snapshot.active_download_policy),
|
||||
"Active Profile download destination policy",
|
||||
))
|
||||
.into_any_element()
|
||||
}
|
||||
|
||||
fn render_sidebar_width_row(active_space: Option<&Space>) -> AnyElement {
|
||||
let value = active_space
|
||||
.map(|space| format!("{} px", space.sidebar_width_px()))
|
||||
.unwrap_or_else(|| "Unavailable".to_string());
|
||||
advanced_row(IconName::PanelLeft, "Sidebar Width", value, "Current Space sidebar width")
|
||||
}
|
||||
|
||||
fn render_archive_policy_row(active_space: Option<&Space>) -> AnyElement {
|
||||
let value = active_space
|
||||
.map(|space| archive_policy_label(space.archive_policy()).to_string())
|
||||
.unwrap_or_else(|| "Unavailable".to_string());
|
||||
advanced_row(IconName::Inbox, "Auto Archive", value, "Current Space idle unpinned tab policy")
|
||||
}
|
||||
|
||||
fn advanced_row(
|
||||
icon: IconName,
|
||||
label: &'static str,
|
||||
value: impl Into<String>,
|
||||
detail: impl Into<String>,
|
||||
) -> AnyElement {
|
||||
let value = value.into();
|
||||
let detail = detail.into();
|
||||
|
||||
div()
|
||||
.py_3()
|
||||
.border_b_1()
|
||||
.border_color(rgb(colors::hairline()))
|
||||
.flex()
|
||||
.items_center()
|
||||
.justify_between()
|
||||
.gap_4()
|
||||
.child(
|
||||
div()
|
||||
.min_w_0()
|
||||
.flex()
|
||||
.items_center()
|
||||
.gap_3()
|
||||
.child(div().text_color(rgb(colors::muted_soft())).child(icon))
|
||||
.child(
|
||||
div()
|
||||
.min_w_0()
|
||||
.flex()
|
||||
.flex_col()
|
||||
.gap_1()
|
||||
.child(
|
||||
div()
|
||||
.text_sm()
|
||||
.font_semibold()
|
||||
.truncate()
|
||||
.text_color(rgb(colors::ink()))
|
||||
.child(label),
|
||||
)
|
||||
.child(
|
||||
div()
|
||||
.text_xs()
|
||||
.truncate()
|
||||
.text_color(rgb(colors::muted()))
|
||||
.child(detail),
|
||||
),
|
||||
),
|
||||
)
|
||||
.child(
|
||||
div()
|
||||
.max_w(px(280.0))
|
||||
.truncate()
|
||||
.text_sm()
|
||||
.font_semibold()
|
||||
.text_color(rgb(colors::ink()))
|
||||
.child(value),
|
||||
)
|
||||
.into_any_element()
|
||||
}
|
||||
|
||||
fn archive_policy_label(policy: &ArchivePolicy) -> &'static str {
|
||||
match policy {
|
||||
ArchivePolicy::Manual => "Manual",
|
||||
ArchivePolicy::IdleDays(0) => "Today",
|
||||
ArchivePolicy::IdleDays(1) => "1 day",
|
||||
ArchivePolicy::IdleDays(7) => "7 days",
|
||||
ArchivePolicy::IdleDays(30) => "30 days",
|
||||
ArchivePolicy::IdleDays(_) => "Custom",
|
||||
}
|
||||
}
|
||||
@@ -430,10 +430,10 @@ mod tests {
|
||||
SpaceId::new(),
|
||||
ProfileId::new(),
|
||||
"Settings",
|
||||
UrlText::parse("ely://settings/advanced")?,
|
||||
UrlText::parse("ely://settings/general")?,
|
||||
);
|
||||
|
||||
assert_eq!(diagnostic_url_scope(&tab), "ely://settings/advanced");
|
||||
assert_eq!(diagnostic_url_scope(&tab), "ely://settings/general");
|
||||
Ok(())
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user