Initial commit

board-frontend/src/tile_view.rs

@@ -0,0 +1,59 @@
+use board_shared::tile::Tile;
+use yew::prelude::*;
+use yew::{html, Callback, Html};
+
+#[derive(Properties, PartialEq)]
+pub struct PlacedTileViewProps {
+    pub x: usize,
+    pub y: usize,
+    pub tile: Option<Tile>,
+    pub on_click: Callback<(usize, usize)>,
+}
+
+#[function_component(PlacedTileView)]
+pub fn placed_tile_view(
+    PlacedTileViewProps {
+        x,
+        y,
+        tile,
+        on_click,
+    }: &PlacedTileViewProps,
+) -> Html {
+    let x = *x;
+    let y = *y;
+    let on_select = {
+        let on_click = on_click.clone();
+        Callback::from(move |_| on_click.emit((x, y)))
+    };
+    html! {
+        <td class="cell" key={y} onclick={on_select}>{ tile.map(|tile| {
+            html! { tile }
+        }).unwrap_or_else(|| {
+            html! { "" }
+        })}</td>
+    }
+}
+
+#[derive(Properties, PartialEq)]
+pub struct TileViewProps {
+    pub tile: Tile,
+    pub on_select: Callback<usize>,
+    pub idx: usize,
+}
+
+#[function_component(TileView)]
+pub fn tile_view(
+    TileViewProps {
+        tile,
+        on_select,
+        idx,
+    }: &TileViewProps,
+) -> Html {
+    let on_select = on_select.clone();
+    let idx = *idx;
+    html! {
+        <div class="tile" onclick={Callback::from(move |_| {
+            on_select.emit(idx)
+        })}>{ tile }</div>
+    }
+}