markdown changes

Cargo.toml

@@ -61,3 +61,4 @@ dioxus-signals = { git = "https://github.com/DioxusLabs/dioxus.git", rev = "6478
 # https://github.com/DioxusLabs/dioxus-std/pull/17
 dioxus-std = { git = "https://github.com/ealmloff/dioxus-std.git", branch="storage", features = ["storage"] }
 fermi = { git = "https://github.com/DioxusLabs/dioxus.git", rev = "c7963a03440d5a050bf229f91665d60a0d108a8a" }
+dioxus_markdown = { git = "https://github.com/1vipulgupta/markdown.git", rev = "2942507f77216286904bc3a23a68bf10345367f0" }

flake.nix

@@ -74,6 +74,7 @@
           packages = with pkgs; [
             just
             nixci
+            pkg-config
             # For when we start using Tauri
             cargo-tauri
             trunk

src/app/health.rs

@@ -2,29 +2,49 @@
 
 use dioxus::prelude::*;
 use nix_health::traits::{Check, CheckResult};
-
+use dioxus_markdown::Markdown;
 use crate::{app::state::AppState, app::widget::Loader};
 
+pub fn renderMarkDown<'a>(cx: Scope<'a>, string: &'a str) -> Element<'a> {
+    cx.render(rsx! {
+        link {
+            rel: "stylesheet",
+            href: "https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css",
+        }
+        div {
+            Markdown {
+                class: "content",
+                content: string,
+            }
+        }
+    })
+}
+
 /// Nix health checks
 pub fn Health(cx: Scope) -> Element {
     let state = AppState::use_state(cx);
     let health_checks = state.health_checks.read();
     let title = "Nix Health";
     render! {
+        renderMarkDown(cx, "# Markdown Working")
         h1 { class: "text-5xl font-bold", title }
         if health_checks.is_loading_or_refreshing() {
             render! { Loader {} }
         }
         health_checks.render_with(cx, |checks| render! {
             div { class: "flex flex-col items-stretch justify-start space-y-8 text-left",
                 for check in checks {
+                    println!("{:?}", check)
                         ViewCheck { check: check.clone() }
+                        renderMarkDown(cx, "# hello \n - ok")
                 }
             }
         })
     }
 }
 
+
+
 #[component]
 fn ViewCheck(cx: Scope, check: Check) -> Element {
     render! {