henri/trictrac
1
1
Fork 0
Code Issues 10 Pull requests Projects 1 Releases Packages Wiki Activity Actions

fix(web client): show invitation link until opponent connects

Browse source
This commit is contained in:
Henri Bourcereau 2026-05-04 16:22:24 +02:00
parent 2c3281cc34
commit e0698986f1
1 changed files with 44 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

55
clients/web/src/game/components/game_screen.rs
View file

@ -246,7 +246,11 @@ pub fn GameScreen(state: GameUiState) -> impl IntoView {
let opp_name_end = opp_score.name.clone(); let opp_name_end = opp_score.name.clone();
let opp_holes_end = opp_score.holes; let opp_holes_end = opp_score.holes;
let share_open = RwSignal::new(false); // Open by default for the room creator while waiting for an opponent.
// When the opponent joins the stage becomes PreGameRoll, so the next
// re-mount will initialise this to false — auto-closing the popover.
let share_open = RwSignal::new(!is_bot_game && player_id == 0 && stage == SerStage::PreGame);
let share_copied = RwSignal::new(false);
let share_url = if !is_bot_game { let share_url = if !is_bot_game {
room_url(&room_id) room_url(&room_id)
} else { } else {
@ -290,17 +294,46 @@ pub fn GameScreen(state: GameUiState) -> impl IntoView {
</div> </div>
// ── Share popover ───────────────────────────────────────────────── // ── Share popover ─────────────────────────────────────────────────
{move || share_open.get().then(|| view! { {move || share_open.get().then(|| {
<div class="share-popover"> let url = share_url.clone();
<p class="share-popover-label">{t!(i18n, share_link)}</p> let url_copy = share_url.clone();
<div class="share-url-row"> view! {
<span class="share-url-text">{ share_url.clone() }</span> <div class="share-popover">
<p class="share-popover-label">{t!(i18n, share_link)}</p>
<div class="share-url-row">
<span class="share-url-text">{url}</span>
<button class="share-copy-btn" on:click=move |_| {
#[cfg(target_arch = "wasm32")]
{
let u = url_copy.clone();
wasm_bindgen_futures::spawn_local(async move {
if let Some(cb) = web_sys::window()
.map(|w| w.navigator().clipboard())
{
let _ = wasm_bindgen_futures::JsFuture::from(
cb.write_text(&u),
)
.await;
share_copied.set(true);
gloo_timers::future::TimeoutFuture::new(2000).await;
share_copied.set(false);
}
});
}
}>
{move || if share_copied.get() {
t_string!(i18n, link_copied)
} else {
t_string!(i18n, copy_link)
}}
</button>
</div>
<p class="share-popover-label" style="margin-top:0.75rem">
{t!(i18n, scan_qr)}
</p>
<div class="qr-container" inner_html=share_svg.clone() />
</div> </div>
<p class="share-popover-label" style="margin-top:0.75rem"> }
{t!(i18n, scan_qr)}
</p>
<div class="qr-container" inner_html=share_svg.clone() />
</div>
})} })}
// ── Merged scoreboard + scoring panels (above board) ───────────── // ── Merged scoreboard + scoring panels (above board) ─────────────