From 1d760a24157f80b31a57e9f98c4f8ce6851b215c Mon Sep 17 00:00:00 2001
From: Steppy <jonlaurem@gmail.com>
Date: Fri, 21 Feb 2025 10:49:50 +0100
Subject: [PATCH] Reformat project

---
 app/src/main.rs | 123 ++++++++++++++++++++++--------------------------
 1 file changed, 55 insertions(+), 68 deletions(-)

diff --git a/app/src/main.rs b/app/src/main.rs
index baf55d1..deb9364 100644
--- a/app/src/main.rs
+++ b/app/src/main.rs
@@ -1,13 +1,12 @@
 use dioxus::prelude::*;
 
 #[derive(Debug, Clone, Routable, PartialEq)]
-#[rustfmt::skip]
 enum Route {
-    #[layout(Navbar)]
-    #[route("/")]
-    Home {},
-    #[route("/blog/:id")]
-    Blog { id: i32 },
+  #[layout(Navbar)]
+  #[route("/")]
+  Home {},
+  #[route("/blog/:id")]
+  Blog { id: i32 },
 }
 
 const FAVICON: Asset = asset!("/assets/favicon.ico");
@@ -15,33 +14,34 @@ const MAIN_CSS: Asset = asset!("/assets/main.css");
 const HEADER_SVG: Asset = asset!("/assets/header.svg");
 
 fn main() {
-  dioxus::launch(App);
+  launch(App);
 }
 
 #[component]
 fn App() -> Element {
   rsx! {
-      document::Link { rel: "icon", href: FAVICON }
-      document::Link { rel: "stylesheet", href: MAIN_CSS }
-      Router::<Route> {}
+    document::Link { rel: "icon", href: FAVICON }
+    document::Link { rel: "stylesheet", href: MAIN_CSS }
+    Router::<Route> {}
   }
 }
 
 #[component]
 pub fn Hero() -> Element {
   rsx! {
-      div {
-          id: "hero",
-          img { src: HEADER_SVG, id: "header" }
-          div { id: "links",
-              a { href: "https://dioxuslabs.com/learn/0.6/", "📚 Learn Dioxus" }
-              a { href: "https://dioxuslabs.com/awesome", "🚀 Awesome Dioxus" }
-              a { href: "https://github.com/dioxus-community/", "📡 Community Libraries" }
-              a { href: "https://github.com/DioxusLabs/sdk", "⚙️ Dioxus Development Kit" }
-              a { href: "https://marketplace.visualstudio.com/items?itemName=DioxusLabs.dioxus", "💫 VSCode Extension" }
-              a { href: "https://discord.gg/XgGxMSkvUM", "👋 Community Discord" }
-          }
+    div { id: "hero",
+      img { src: HEADER_SVG, id: "header" }
+      div { id: "links",
+        a { href: "https://dioxuslabs.com/learn/0.6/", "📚 Learn Dioxus" }
+        a { href: "https://dioxuslabs.com/awesome", "🚀 Awesome Dioxus" }
+        a { href: "https://github.com/dioxus-community/", "📡 Community Libraries" }
+        a { href: "https://github.com/DioxusLabs/sdk", "⚙️ Dioxus Development Kit" }
+        a { href: "https://marketplace.visualstudio.com/items?itemName=DioxusLabs.dioxus",
+          "💫 VSCode Extension"
+        }
+        a { href: "https://discord.gg/XgGxMSkvUM", "👋 Community Discord" }
       }
+    }
   }
 }
 
@@ -49,8 +49,8 @@ pub fn Hero() -> Element {
 #[component]
 fn Home() -> Element {
   rsx! {
-      Hero {}
-      Echo {}
+    Hero {}
+    Echo {}
   }
 }
 
@@ -58,24 +58,19 @@ fn Home() -> Element {
 #[component]
 pub fn Blog(id: i32) -> Element {
   rsx! {
-      div {
-          id: "blog",
+    div { id: "blog",
 
-          // Content
-          h1 { "This is blog #{id}!" }
-          p { "In blog #{id}, we show how the Dioxus router works and how URL parameters can be passed as props to our route components." }
-
-          // Navigation links
-          Link {
-              to: Route::Blog { id: id - 1 },
-              "Previous"
-          }
-          span { " <---> " }
-          Link {
-              to: Route::Blog { id: id + 1 },
-              "Next"
-          }
+      // Content
+      h1 { "This is blog #{id}!" }
+      p {
+        "In blog #{id}, we show how the Dioxus router works and how URL parameters can be passed as props to our route components."
       }
+
+      // Navigation links
+      Link { to: Route::Blog { id: id - 1 }, "Previous" }
+      span { " <---> " }
+      Link { to: Route::Blog { id: id + 1 }, "Next" }
+    }
   }
 }
 
@@ -83,19 +78,12 @@ pub fn Blog(id: i32) -> Element {
 #[component]
 fn Navbar() -> Element {
   rsx! {
-      div {
-          id: "navbar",
-          Link {
-              to: Route::Home {},
-              "Home"
-          }
-          Link {
-              to: Route::Blog { id: 1 },
-              "Blog"
-          }
-      }
+    div { id: "navbar",
+      Link { to: Route::Home {}, "Home" }
+      Link { to: Route::Blog { id: 1 }, "Blog" }
+    }
 
-      Outlet::<Route> {}
+    Outlet::<Route> {}
   }
 }
 
@@ -105,24 +93,23 @@ fn Echo() -> Element {
   let mut response = use_signal(|| String::new());
 
   rsx! {
-      div {
-          id: "echo",
-          h4 { "ServerFn Echo" }
-          input {
-              placeholder: "Type here to echo...",
-              oninput:  move |event| async move {
-                  let data = echo_server(event.value()).await.unwrap();
-                  response.set(data);
-              },
-          }
-
-          if !response().is_empty() {
-              p {
-                  "Server echoed: "
-                  i { "{response}" }
-              }
-          }
+    div { id: "echo",
+      h4 { "ServerFn Echo" }
+      input {
+        placeholder: "Type here to echo...",
+        oninput: move |event| async move {
+            let data = echo_server(event.value()).await.unwrap();
+            response.set(data);
+        },
       }
+
+      if !response().is_empty() {
+        p {
+          "Server echoed: "
+          i { "{response}" }
+        }
+      }
+    }
   }
 }