Add create/leave table options

1 files changed, 16 insertions, 5 deletions

diff --git a/webapp/src/components/table.rs b/webapp/src/components/table.rs
index 8e8b5c8..829441e 100644
--- a/webapp/src/components/table.rs
+++ b/webapp/src/components/table.rs
@@ -1,15 +1,26 @@
 use yew::prelude::*;
+use yew_router::prelude::*;
+
+use crate::use_app_context;
 
 #[function_component(Table)]
 pub fn table(props: &TableProps) -> Html {
-    // let leave_table = {
-    // 	Callback::from(move |_| {
-    // 	});
-    // };
+    let ctx = use_app_context();
+    let history = use_history().unwrap();
+
+    let leave_table = {
+        let ctx = ctx.clone();
+        Callback::from(move |_| {
+	    ctx.leave_table();
+	})
+    };
 
     html! {
     <>
-	    <p>{ format!("This is table {}", props.table.id) }</p>
+        <p>{ format!("This is table {}", props.table.id) }</p>
+    <button onclick={leave_table}>
+        { "Leave table" }
+    </button>
     </>
     }
 }