From b0a87e5d738a06f7034e3d10dd7f9b994fd53626 Mon Sep 17 00:00:00 2001
From: Jonathan Kelley <jkelleyrtp@gmail.com>
Date: Thu, 25 Feb 2021 21:42:44 -0500
Subject: [PATCH] Feat: update example

---
 packages/webview/Cargo.toml       |  4 +-
 packages/webview/examples/demo.rs | 65 ++++++++++++++++---------------
 2 files changed, 35 insertions(+), 34 deletions(-)

diff --git a/packages/webview/Cargo.toml b/packages/webview/Cargo.toml
index 215f3d340..52252e8b1 100644
--- a/packages/webview/Cargo.toml
+++ b/packages/webview/Cargo.toml
@@ -7,8 +7,8 @@ edition = "2018"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
-web-view = { git = "https://github.com/Boscop/web-view" }
-# web-view = "0.7.2"
+# web-view = { git = "https://github.com/Boscop/web-view" }
+web-view = "0.7.3"
 dioxus-core = { path = "../core" }
 anyhow = "1.0.38"
 argh = "0.1.4"
diff --git a/packages/webview/examples/demo.rs b/packages/webview/examples/demo.rs
index 92cf8ae13..078e8c5c3 100644
--- a/packages/webview/examples/demo.rs
+++ b/packages/webview/examples/demo.rs
@@ -1,9 +1,8 @@
 //! An example where the dioxus vdom is running in a native thread, interacting with webview
 //! Content is passed from the native thread into the webview
-
 use dioxus_core::prelude::*;
 
-fn main(){
+fn main() {
     dioxus_webview::launch(
         // Customize the webview
         |builder| {
@@ -16,37 +15,39 @@ fn main(){
         // Props
         (),
         // Draw the root component
-        |ctx, _props| {
-            ctx.view(html! {
-                <div>
-                    <div class="flex items-center justify-center flex-col">
-                        <div class="flex items-center justify-center">
-                            <div class="flex flex-col bg-white rounded p-4 w-full max-w-xs">
-                                // Title
-                                <div class="font-bold text-xl"> "Jon's awesome site!!11" </div>
-        
-                                // Subtext / description
-                                <div class="text-sm text-gray-500"> "He worked so hard on it :)" </div>
-        
-                                <div class="flex flex-row items-center justify-center mt-6">
-                                    // Main number
-                                    <div class="font-medium text-6xl">
-                                        "1337"
-                                    </div>
-                                </div>
-        
-                                // Try another
-                                <div class="flex flex-row justify-between mt-6">
-                                    <a href="http://localhost:8080/fib/{}" class="underline">
-                                        "Legit made my own React"
-                                    </a>
-                                </div>
+        Example,
+    )
+    .expect("Webview finished");
+}
+
+static Example: FC<()> = |ctx, _props| {
+    ctx.view(html! {
+        <div>
+            <div class="flex items-center justify-center flex-col">
+                <div class="flex items-center justify-center">
+                    <div class="flex flex-col bg-white rounded p-4 w-full max-w-xs">
+                        // Title
+                        <div class="font-bold text-xl"> "Jon's awesome site!!11" </div>
+
+                        // Subtext / description
+                        <div class="text-sm text-gray-500"> "He worked so hard on it :)" </div>
+
+                        <div class="flex flex-row items-center justify-center mt-6">
+                            // Main number
+                            <div class="font-medium text-6xl">
+                                "1337"
                             </div>
                         </div>
+
+                        // Try another
+                        <div class="flex flex-row justify-between mt-6">
+                            <a href="http://localhost:8080/fib/{}" class="underline">
+                                "Legit made my own React"
+                            </a>
+                        </div>
                     </div>
                 </div>
-            })
-        },
-    ).expect("Webview finished");
-}
-
+            </div>
+        </div>
+    })
+};