Pass channel_id

Author: agatheblues

client/src/components/mindmap.rs

@@ -10,8 +10,8 @@ use dioxus::prelude::*;
 use std::rc::Rc;
 
 #[component]
-pub fn Mindmap() -> Element {
-    let store = Store::new();
+pub fn Mindmap(channel_id: String) -> Element {
+    let store = Store::new(channel_id);
     let mut pane = store.pane;
     let mut graph = store.graph;
 

client/src/data/connection.rs

@@ -19,7 +19,7 @@ pub struct Connection {
 }
 
 impl Connection {
-    pub fn new(graph: Graph) -> Self {
+    pub fn new(graph: Graph, channel_id: String) -> Self {
         let doc = graph.get_doc();
         let coroutine = use_coroutine(move |mut rx: UnboundedReceiver<Message>| {
             let mut doc = doc;

client/src/data/store.rs

@@ -10,12 +10,12 @@ pub struct Store {
 }
 
 impl Store {
-    pub fn new() -> Self {
+    pub fn new(channel_id: String) -> Self {
         let graph = Graph::new();
         Self {
             graph,
             pane: Pane::new(),
-            connection: Connection::new(graph),
+            connection: Connection::new(graph, channel_id),
         }
     }
 }

client/src/router.rs

@@ -21,27 +21,41 @@ pub enum Route {
 #[component]
 fn Home() -> Element {
     rsx! {
-        document::Style {
-            {
-                format!(
-                    " @font-face {{ font-family: 'Roboto Light'; src: url({}) format('truetype');}} ",
-                    asset!("/assets/fonts/Roboto-Light.ttf"),
-                )
-            }
+        default_style {}
+        h1 {
+            "Welcome! Create a mindmap by navigating to /channels/YOUR_CHANNEL_NAME"
         }
-        document::Link { rel: "icon", href: FAVICON }
-        document::Link { rel: "stylesheet", href: MAIN_CSS }
-        Mindmap {}
     }
 }
 
 #[component]
 fn Channel(channel_id: String) -> Element {
-    rsx! { "Channel page for channel with id: {channel_id}" }
+    rsx! {
+        default_style {}
+        Mindmap { channel_id: "root" }
+    }
 }
 
 #[component]
 fn NotFound(any: String) -> Element {
     // TODO: Return 404 status code
-    rsx! { "Not found :(" }
+    rsx! {
+        default_style {}
+        p { "Not found :(" }
+    }
+}
+
+fn default_style() -> Element {
+    rsx! {
+            document::Style {
+            {
+                format!(
+                    " @font-face {{ font-family: 'Roboto Light'; src: url({}) format('truetype');}} ",
+                    asset!("/assets/fonts/Roboto-Light.ttf"),
+                )
+            }
+        }
+        document::Link { rel: "icon", href: FAVICON }
+        document::Link { rel: "stylesheet", href: MAIN_CSS }
+    }
 }