fix: put back jumbotron to a method

ivanceras · Apr 12, 2024 · 01913c7 · 01913c7
1 parent faab521
commit 01913c7
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 14 deletions.
diff --git a/examples/js-performance-benchmark-sauron/Cargo.toml b/examples/js-performance-benchmark-sauron/Cargo.toml
@@ -10,10 +10,7 @@ crate-type = ["cdylib"]
 [dependencies]
 rand = { version = "0.8.5", features = ["small_rng"] }
 getrandom = { version = "0.2.7", features = ["js"] }
-#sauron = { path = "../../../sauron", features = ["with-debug", "with-measure", "log-patches"] }
 sauron = { path = "../../../sauron", features = ["with-debug", "with-measure", "use-template", "use-skipdiff"] }
-#sauron = { path = "../../../sauron", features = ["with-debug", "with-measure", "use-skipdiff"] }
-#sauron = { path = "../../../sauron"}
 log = "0.4"
 console_log = "0.2"
 console_error_panic_hook = "0.1"

diff --git a/examples/js-performance-benchmark-sauron/src/lib.rs b/examples/js-performance-benchmark-sauron/src/lib.rs
@@ -1,8 +1,8 @@
 #![deny(warnings)]
 use rand::prelude::*;
-use sauron::dom::component;
 use sauron::*;
 use std::cmp::min;
+use sauron::dom::component;
 
 static ADJECTIVES: &[&str] = &[
     "pretty",
@@ -174,8 +174,25 @@ impl Application for App {
         Cmd::none()
     }
 
-    view! {
+    view!{
         <div class="container">
+            {self.view_jumbotron()}
+            <table class="table table-hover table-striped test-data">
+                <tbody id="tbody">
+                    {for row in self.rows.iter() {
+                        component(row)
+                    }}
+                </tbody>
+            </table>
+            <span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
+        </div>
+    }
+}
+
+
+impl App{
+    fn view_jumbotron(&self) -> Node<Msg>{
+        node!{
              <div class="jumbotron">
                  <div class="row">
                      <div class="col-md-6">
@@ -242,15 +259,7 @@ impl Application for App {
                      </div>
                  </div>
              </div>
-            <table class="table table-hover table-striped test-data">
-                <tbody id="tbody">
-                    {for row in self.rows.iter() {
-                        component(row)
-                    }}
-                </tbody>
-            </table>
-            <span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
-        </div>
+        }
     }
 }