czar has a crown

client/src/components/game/header.rs

@@ -9,7 +9,6 @@ fn Meta() -> impl IntoView {
         <span>
             <p>Name: {move || game_meta().unwrap().name}</p>
             <p>Host: {move || game_meta().unwrap().host}</p>
-            <p>Czar: {move || game_meta().unwrap().czar}</p>
             <p>White Deck: {move || game_meta().unwrap().white_count}</p>
             <p>White Discard: {move || game_meta().unwrap().white_discard_count}</p>
             <p>Black Deck: {move || game_meta().unwrap().black_count}</p>
@@ -20,6 +19,13 @@ fn Meta() -> impl IntoView {
 #[component]
 fn Scoreboard() -> impl IntoView {
     let game_meta = expect_context::<ReadSignal<Option<GameStateMeta>>>();
+    let (czar_name, set_czar_name) = create_signal("".to_string());
+
+    create_effect(move |_| {
+        if let Some(meta) = game_meta() {
+            set_czar_name(meta.czar)
+        }
+    });
 
     view! {
         <Show when=move || { game_meta().is_some() }>
@@ -35,14 +41,18 @@ fn Scoreboard() -> impl IntoView {
                     {game_meta()
                         .unwrap()
                         .players
-                        .iter()
+                        .into_iter()
                         .map(|player| {
                             view! {
                                 <tr>
-                                    <td class="text-center border-b">{&player.name}</td>
                                     <td class="text-center border-b">
-                                        {player.score}
+                                        {if game_meta().unwrap().czar == player.name {
+                                            "👑 "
+                                        } else {
+                                            ""
+                                        }} {player.name}
                                     </td>
+                                    <td class="text-center border-b">{player.score}</td>
                                 </tr>
                             }
                         })