feat: about

Author: luisschwab

Cargo.lock

@@ -39,3 +39,4 @@ once_cell = "1.21.3"
 dirs = "6.0.0"
 serde = { version = "1.0.228", features = ["derive"] }
 toml = "0.9.10"
+open = "5.3.3"

Cargo.toml

@@ -0,0 +1 @@
+pub(crate) mod view;

src/about/mod.rs

@@ -0,0 +1,75 @@
+use iced::Alignment::Center;
+use iced::Element;
+use iced::Fill;
+use iced::Length;
+use iced::Padding;
+use iced::widget::Space;
+use iced::widget::button;
+use iced::widget::column;
+use iced::widget::container;
+use iced::widget::image;
+use iced::widget::row;
+use iced::widget::text;
+
+use crate::BDK_ICON_PATH;
+use crate::BONSAI_ICON_DARK_PATH;
+use crate::BonsaiMessage;
+use crate::FLORESTA_ICON_PATH;
+use crate::common::interface::button::image_button;
+use crate::common::interface::font::BERKELEY_MONO_BOLD;
+use crate::node::style::table_cell;
+
+pub(crate) fn view_about<'a>() -> Element<'a, BonsaiMessage> {
+    let content = column![
+        container(
+            image(BONSAI_ICON_DARK_PATH)
+                .width(Length::Fixed(170.0))
+                .height(Length::Fixed(170.0))
+        )
+        .style(table_cell())
+        .padding(1),
+        text("BONSAI").font(BERKELEY_MONO_BOLD).size(36),
+        Space::new().height(10.0),
+        text("Bonsai is a desktop wallet with an embbeded node, built as a showcase of `bdk_floresta`, a novel chain-source crate for BDK that leverages Floresta and Utreexo to keep a compact full node running within the application, enabling completely trustless and on-device validation and blockchain data fetching. Zero API calls means better user privacy and sovereignty.").align_x(Center),
+        Space::new().height(Fill),
+        text("POWERED BY").font(BERKELEY_MONO_BOLD).size(24),
+        Space::new().height(15.0),
+        row![
+            column![
+                button(
+                    container(
+                        image(BDK_ICON_PATH)
+                            .width(Length::Fixed(170.0))
+                            .height(Length::Fixed(170.0))
+                    )
+                )
+                .on_press(BonsaiMessage::OpenLink("https://bitcoindevkit.org".to_string()))
+                .padding(0)
+                .style(image_button()),
+                text("Bitcoin Dev Kit")
+            ].align_x(Center).spacing(4),
+            column![
+                button(
+                    container(
+                        image(FLORESTA_ICON_PATH)
+                            .width(Length::Fixed(170.0))
+                            .height(Length::Fixed(170.0))
+                    )
+                )
+                .on_press(BonsaiMessage::OpenLink("https://getfloresta.org".to_string()))
+                .padding(0)
+                .style(image_button()),
+                text("Floresta")
+            ].align_x(Center).spacing(4),
+        ].align_y(Center).spacing(20)
+    ]
+    .align_x(Center);
+
+    container(content)
+        .width(Length::Fill)
+        .height(Length::Fill)
+        .align_x(Center)
+        .align_y(Center)
+        .padding(Padding::from([40.0, 150.0]))
+        .into()
+}

src/about/view.rs

@@ -86,6 +86,8 @@ pub(crate) const APP_VERSION: &str = concat!("v", env!("CARGO_PKG_VERSION"));
 pub(crate) const GEOIP_ASN_DB_PATH: &str = "./assets/geoip/GeoLite2-ASN.mmdb";
 pub(crate) const GEOIP_CITY_DB_PATH: &str = "./assets/geoip/GeoLite2-City.mmdb";
 pub(crate) const BONSAI_ICON_DARK_PATH: &str = "./assets/icon/bonsai-dark.png";
+pub(crate) const FLORESTA_ICON_PATH: &str = "./assets/icon/floresta.png";
+pub(crate) const BDK_ICON_PATH: &str = "./assets/icon/bdk.png";
 //pub(crate) const BONSAI_ICON_LIGHT_PATH: &str = "./assets/icon/bonsai-light.png";
 
 #[derive(Default, Debug, Clone, Copy, PartialEq)]
@@ -104,6 +106,7 @@ pub(crate) enum Tab {
 pub(crate) enum BonsaiMessage {
     AnimationTick,
     KeyPressed(Key, Modifiers),
+    OpenLink(String),
     SelectTab(Tab),
     CloseRequested,
     CloseWindow,
@@ -319,7 +322,7 @@ impl Bonsai {
 
                 if modifiers.is_empty() {
                     if let Key::Character(c) = key.as_ref() {
-                        match c.as_ref() {
+                        match c {
                             "w" => self.active_tab = Tab::Wallet,
                             "m" => self.active_tab = Tab::NodeMetrics,
                             "n" => self.active_tab = Tab::NodeNetwork,
@@ -359,6 +362,12 @@ impl Bonsai {
                 }
                 Task::none()
             }
+            BonsaiMessage::OpenLink(url) => {
+                if let Err(e) = open::that(&url) {
+                    error!("Failed to open URL: {}", e);
+                }
+                Task::none()
+            }
             BonsaiMessage::AnimationTick => {
                 self.app_clock = self.app_clock.wrapping_add(1);
                 Task::none()

src/bonsai.rs

@@ -67,3 +67,13 @@ pub(crate) fn sidebar_button(
         }
     }
 }
+
+pub(crate) fn image_button() -> impl Fn(&Theme, ButtonStatus) -> ButtonStyle {
+    move |_theme, _button_status| ButtonStyle {
+        border: Border::default(),
+        background: None,
+        text_color: Default::default(),
+        shadow: Shadow::default(),
+        ..Default::default()
+    }
+}

src/common/interface/button.rs

@@ -443,7 +443,7 @@ impl BonsaiSettings {
                     self.node_restart_required = true;
                 }
 
-                if let Ok(_) = self.save() {
+                if self.save().is_ok() {
                     self.unsaved_changes = false;
                 }