mirror of
https://github.com/jcreek/EstimationPoker.git
synced 2026-07-12 18:43:47 +00:00
feat(*): Add share room link button
This commit is contained in:
@@ -142,14 +142,21 @@
|
||||
onMount(() => {
|
||||
socket = connectToWebSocket(data.roomId, onMessageReceived);
|
||||
});
|
||||
|
||||
async function copyToClipboard() {
|
||||
try {
|
||||
await navigator.clipboard.writeText(window.location.href);
|
||||
alert('Room link copied to clipboard!');
|
||||
} catch (err) {
|
||||
console.error('Failed to copy: ', err);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
{#if showModal}
|
||||
<Modal {closeModal} {joinRoom} />
|
||||
{/if}
|
||||
|
||||
|
||||
|
||||
<UsersList bind:this={usersList} {users} {showEstimates} {userId} {handleEmojiTrigger} />
|
||||
|
||||
<div class="button-container">
|
||||
@@ -169,6 +176,10 @@
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<button id="copy-link-btn" class="button button-white" on:click={copyToClipboard}
|
||||
>Share Room Link</button
|
||||
>
|
||||
|
||||
<Estimates onEstimateClick={handleEstimateClick} />
|
||||
|
||||
{#if Object.keys(estimateGroups).length > 0}
|
||||
@@ -182,7 +193,7 @@
|
||||
justify-content: center;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
|
||||
.button {
|
||||
appearance: none;
|
||||
border: 1px solid rgba(27, 31, 35, 0.15);
|
||||
@@ -230,4 +241,19 @@
|
||||
.button-red:hover {
|
||||
background-color: #a2021f;
|
||||
}
|
||||
|
||||
.button-white {
|
||||
background-color: #ffffff;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.button-white:hover {
|
||||
background-color: #E6E6E6;
|
||||
}
|
||||
|
||||
#copy-link-btn {
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user