Connect to postgres

README.md

@@ -4,6 +4,15 @@
 
 - Install [rust](https://rust-lang.org/tools/install/)
 - Install [dioxus](https://dioxuslabs.com/learn/0.7/getting_started/#install-the-dioxus-cli)
+- Install PostgreSql
+
+## Database setup
+
+Open a `psql` shell and type:
+
+```
+CREATE DATABASE mindr_dev;
+```
 
 
 ## Run client in web

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/main.rs

@@ -1,12 +1,10 @@
 use dioxus::prelude::*;
 
-use components::Mindmap;
-
 mod components;
 mod data;
+mod router;
 
-const FAVICON: Asset = asset!("/assets/favicon.ico");
-const MAIN_CSS: Asset = asset!("/assets/css/main.css");
+use router::Route;
 
 fn main() {
     dioxus::launch(App);
@@ -15,16 +13,6 @@ fn main() {
 #[component]
 fn App() -> 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 }
-        Mindmap {}
+        Router::<Route> {}
     }
 }