Add `TableView` for representing player hands in the app

1 files changed, 5 insertions, 4 deletions

diff --git a/webapp/src/components/table.rs b/webapp/src/components/table.rs
index 3561131..6d861d0 100644
--- a/webapp/src/components/table.rs
+++ b/webapp/src/components/table.rs
@@ -1,5 +1,6 @@
 use gloo_net::http::Request;
 use log::info;
+use protocol::bridge_engine::TableView;
 use yew::prelude::*;
 
 use crate::use_app_context;
@@ -8,7 +9,7 @@ use crate::use_app_context;
 pub fn table(props: &TableProps) -> Html {
     let ctx = use_app_context();
 
-    let table_state: UseStateHandle<Option<String>> = use_state(|| None);
+    let table_state: UseStateHandle<Option<TableView>> = use_state(|| None);
     {
         // TODO update this from server state
         let table_state = table_state.clone();
@@ -20,8 +21,8 @@ pub fn table(props: &TableProps) -> Html {
                     let response = Request::get(&format!("/api/table/{}", props.table.id))
                         .send()
                         .await?;
-                    let table: protocol::bridge_engine::GameState = response.json().await?;
-                    table_state.set(Some(format!("{:#?}", table)));
+                    let table = response.json().await?;
+                    table_state.set(Some(table));
                     Ok(())
                 });
                 || ()
@@ -43,7 +44,7 @@ pub fn table(props: &TableProps) -> Html {
         <button onclick={leave_table}>
             { "Leave table" }
         </button>
-            <pre>{ table_state.as_ref().map_or("".to_string(), |t| format!("{}", t)) }</pre>
+            <pre>{ format!("Table view: {:?}", *table_state) }</pre>
     </>
     }
 }