Notify rust examples

Cargo.toml

@@ -108,3 +108,6 @@ dioxus-radio = "0.6.0"
 [profile.release]
 lto = true
 opt-level = 3
+
+[dependencies]
+notify-rust = "4.11.7"

examples/notify_rust.rs

@@ -0,0 +1,181 @@
+#![cfg_attr(
+    all(not(debug_assertions), target_os = "windows"),
+    windows_subsystem = "windows"
+)]
+
+use freya::prelude::*;
+use freya_router::prelude::*;
+use notify_rust::Notification;
+
+fn main() {
+    launch_with_params(app, "Notify Example", (550.0, 400.0));
+}
+
+fn app() -> Element {
+    rsx!(Router::<Route> {})
+}
+
+#[derive(Routable, Clone, PartialEq)]
+#[rustfmt::skip]
+pub enum Route {
+    #[layout(AppSidebar)]
+        #[route("/")]
+        Simple,
+        #[route("/simple-async")]
+        Minimal,
+    #[end_layout]
+    #[route("/..route")]
+    PageNotFound { },
+}
+
+#[allow(non_snake_case)]
+fn AppSidebar() -> Element {
+    let PlatformInformation { viewport_size, .. } = *use_platform_information().read();
+    let variable_width: &str;
+    if viewport_size.width > 640.0 && viewport_size.width < 1024.0 {
+        variable_width = "40%";
+    } else if viewport_size.width >= 1024.0 {
+        variable_width = "30%";
+    } else {
+        variable_width = "50%";
+    }
+
+    rsx!(
+        NativeRouter {
+            Sidebar {
+                width: "{variable_width}",
+                sidebar: rsx!(
+                    Accordion {
+                        summary: rsx!(
+                            AccordionSummary {
+                                label {
+                                    "Basic Notifications"
+                                }
+                            }),
+                            AccordionBody {
+                                Link {
+                                    to: Route::Simple,
+                                    ActivableRoute {
+                                        route: Route::Simple,
+                                        exact: true,
+                                        SidebarItem {
+                                            theme: SidebarItemThemeWith {
+                                            corner_radius: Some(Cow::Borrowed("6")),
+                                            ..Default::default()
+                                            },
+                                            label {
+                                                "Simple Notification"
+                                            }
+                                        }
+                                  }
+                                }
+                                Link {
+                                    to: Route::Minimal,
+                                    ActivableRoute {
+                                        route: Route::Minimal,
+                                        exact: true,
+                                        SidebarItem {
+                                            theme: SidebarItemThemeWith {
+                                            corner_radius: Some(Cow::Borrowed("6")),
+                                            ..Default::default()
+                                            },
+                                            label {
+                                                "Minimal Notification"
+                                            }
+                                        }
+                                    }
+                                }
+
+                            }
+                    }),
+                Body {
+                    main_align: "center",
+                    cross_align: "center",
+                    width: "100%",
+                    height: "100%",
+                    Outlet::<Route> {  }
+                }
+            }
+        }
+    )
+}
+
+#[allow(non_snake_case)]
+#[component]
+fn Simple() -> Element {
+    let PlatformInformation { viewport_size, .. } = *use_platform_information().read();
+    let variable_width: &str;
+
+    if viewport_size.width > 640.0 && viewport_size.width < 1024.0 {
+        variable_width = "70%";
+    } else if viewport_size.width >= 1024.0 {
+        variable_width = "60%";
+    } else {
+        variable_width = "90%";
+    }
+
+    fn notify() {
+        let _ = Notification::new()
+            .summary("Firefox News")
+            .body("This will almost look like a real firefox notification.")
+            .icon("firefox")
+            .show();
+    }
+
+    rsx!(
+        Button {
+            theme: ButtonThemeWith {
+                padding: Some(Cow::Borrowed("16 8")),
+         width: Some(Cow::Borrowed(variable_width)),
+         ..Default::default()
+            },
+            onclick: |_| notify(),
+         label {
+             "Notify"
+         }
+        }
+    )
+}
+
+#[allow(non_snake_case)]
+#[component]
+fn Minimal() -> Element {
+    let PlatformInformation { viewport_size, .. } = *use_platform_information().read();
+    let variable_width: &str;
+
+    if viewport_size.width > 640.0 && viewport_size.width < 1024.0 {
+        variable_width = "70%";
+    } else if viewport_size.width >= 1024.0 {
+        variable_width = "60%";
+    } else {
+        variable_width = "90%";
+    }
+
+    fn notify_minimal() {
+        let _ = Notification::new().summary("minimal notification").show();
+    }
+
+    rsx!(
+        Button {
+            theme: ButtonThemeWith {
+                padding: Some(Cow::Borrowed("16 8")),
+         width: Some(Cow::Borrowed(variable_width)),
+         ..Default::default()
+            },
+            onclick: |_| notify_minimal(),
+         label {
+             "Notify Minimal"
+         }
+        }
+    )
+}
+
+#[allow(non_snake_case)]
+#[component]
+fn PageNotFound() -> Element {
+    rsx!(
+        label {
+            "404!! 😵"
+        }
+    )
+}