breadcrumb component

Author: functora

rust/cryptonote/src/views/breadcrumb.rs

@@ -0,0 +1,27 @@
+use crate::i18n::{Language, get_translations};
+use crate::prelude::*;
+
+#[derive(Props, Clone, PartialEq)]
+pub struct BreadcrumbProps {
+    title: String,
+}
+
+#[component]
+pub fn Breadcrumb(props: BreadcrumbProps) -> Element {
+    let language = use_context::<Signal<Language>>();
+    let t = get_translations(language());
+    let nav = navigator();
+
+    rsx! {
+        card { font_size: "larger",
+            a {
+                href: "#",
+                onclick: move |_| {
+                    nav.push("/");
+                },
+                "{t.home}"
+            }
+            " ❭ {props.title}"
+        }
+    }
+}

rust/cryptonote/src/views/mod.rs

@@ -1,8 +1,10 @@
+mod breadcrumb;
 mod home;
 mod navbar;
 mod share;
 mod view;
 
+pub use breadcrumb::Breadcrumb;
 pub use home::Home;
 pub use navbar::Navbar;
 pub use share::Share;

rust/cryptonote/src/views/share.rs

@@ -1,5 +1,6 @@
 use crate::i18n::{Language, get_translations};
 use crate::prelude::*;
+use crate::views::Breadcrumb;
 
 #[component]
 pub fn Share() -> Element {
@@ -33,16 +34,7 @@ pub fn Share() -> Element {
     });
 
     rsx! {
-        card {
-            a {
-                href: "#",
-                onclick: move |_| {
-                    nav.push("/");
-                },
-                "{t.home}"
-            }
-            " > {t.share_title}"
-        }
+        Breadcrumb { title: t.share_title.to_string() }
         section {
 
             if !url().is_empty() {

rust/cryptonote/src/views/view.rs

@@ -2,6 +2,7 @@ use crate::crypto::decrypt_symmetric;
 use crate::encoding::{NoteData, parse_url};
 use crate::i18n::{Language, get_translations};
 use crate::prelude::*;
+use crate::views::Breadcrumb;
 use web_sys::window;
 
 #[component]
@@ -97,18 +98,7 @@ pub fn View() -> Element {
 
     rsx! {
         if is_encrypted() {
-            card {
-                big {
-                    a {
-                        href: "#",
-                        onclick: move |_| {
-                            nav.push("/");
-                        },
-                        "{t.home}"
-                    }
-                    " ❭ {t.encrypted_note}"
-                }
-            }
+            Breadcrumb { title: t.encrypted_note.to_string() }
             section {
                 fieldset {
                     p { "{t.encrypted_note_desc}" }
@@ -176,16 +166,7 @@ pub fn View() -> Element {
                 }
             }
         } else if let Some(content) = note_content() {
-            card {
-                a {
-                    href: "#",
-                    onclick: move |_| {
-                        nav.push("/");
-                    },
-                    "{t.home}"
-                }
-                " > {t.your_note_title}"
-            }
+            Breadcrumb { title: t.your_note_title.to_string() }
             section {
                 fieldset {
                     article {
@@ -227,16 +208,7 @@ pub fn View() -> Element {
                 }
             }
         } else if let Some(err) = error_message() {
-            card {
-                a {
-                    href: "#",
-                    onclick: move |_| {
-                        nav.push("/");
-                    },
-                    "{t.home}"
-                }
-                " > {t.error_title}"
-            }
+            Breadcrumb { title: t.error_title.to_string() }
             section {
                 p { "{err}" }
                 p {