feat(web client): content pages

clients/web/src/portal/content_page.rs

@@ -0,0 +1,51 @@
+use leptos::prelude::*;
+use leptos_router::hooks::use_params_map;
+use pulldown_cmark::{Options, Parser, html};
+
+use crate::api;
+use crate::i18n::*;
+
+#[component]
+pub fn ContentPage() -> impl IntoView {
+    let params = use_params_map();
+    let slug = move || params.read().get("slug").unwrap_or_default();
+    let i18n = use_i18n();
+
+    let page = LocalResource::new(move || {
+        let s = slug();
+        let lang = match i18n.get_locale() {
+            Locale::en => "en",
+            Locale::fr => "fr",
+        };
+        async move { api::get_page(&s, lang).await }
+    });
+
+    view! {
+        <div class="portal-main">
+            {move || match page.get().map(|sw| sw.take()) {
+                None => view! {
+                    <p class="portal-loading">{t!(i18n, loading)}</p>
+                }.into_any(),
+                Some(Err(_)) => view! {
+                    <p class="portal-empty">"Page not found."</p>
+                }.into_any(),
+                Some(Ok(p)) => {
+                    let html = md_to_html(&p.content);
+                    view! {
+                        <div class="portal-card content-page" inner_html=html />
+                    }.into_any()
+                }
+            }}
+        </div>
+    }
+}
+
+fn md_to_html(md: &str) -> String {
+    let mut opts = Options::empty();
+    opts.insert(Options::ENABLE_TABLES);
+    opts.insert(Options::ENABLE_STRIKETHROUGH);
+    let parser = Parser::new_ext(md, opts);
+    let mut output = String::new();
+    html::push_html(&mut output, parser);
+    output
+}

clients/web/src/portal/mod.rs

@@ -1,4 +1,5 @@
 pub mod account;
+pub mod content_page;
 pub mod forgot_password;
 pub mod game_detail;
 pub mod lobby;