Removed ability to join games on library items

holochain-apps · Dec 8, 2024 · 66130f9 · 66130f9
1 parent 4fb7788
commit 66130f9
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 13 deletions.
diff --git a/ui/src/GameSpace/topbar/PeopleBar.svelte b/ui/src/GameSpace/topbar/PeopleBar.svelte
@@ -40,7 +40,7 @@
       }}>Leave Game</button
     >
   {/if}
-  <PlayersSlots {pubKey} {playersSlots} onChange={onChangePlayersSlots} />
+  <PlayersSlots {pubKey} {playersSlots} {canJoinGame} onChange={onChangePlayersSlots} />
   <button
     class={cx('relative h14 w14 flexcc b b-black/10 ', {
       'bg-black/30 text-white': showingParticipants,

diff --git a/ui/src/GameSpace/topbar/PlayersSlots.svelte b/ui/src/GameSpace/topbar/PlayersSlots.svelte
@@ -10,6 +10,7 @@
   export let pubKey: string;
   export let playersSlots: PlayerSlot[];
   export let onChange: (playersSlots: PlayerSlot[]) => void;
+  export let canJoinGame: boolean;
 
   function handleMove(from: number, to: number) {
     if (from !== to) {
@@ -94,18 +95,20 @@
               Player {slot + 1}
             {/if}
           </div>
-          {#if playerSlot.pubKey}
-            <button
-              on:click={() => handleRemovePlayer(slot)}
-              class="text-xs bg-main-400 w-full rounded-md line-height-tight py1 text-white b b-black/10 hover:bg-main-500"
-              >Remove<br />Player</button
-            >
-          {:else}
-            <button
-              on:click={() => handleJoinSlot(slot)}
-              class="text-xs bg-main-400 w-full rounded-md line-height-tight py1 text-white b b-black/10 hover:bg-main-500"
-              >Join Here</button
-            >
+          {#if canJoinGame}
+            {#if playerSlot.pubKey}
+              <button
+                on:click={() => handleRemovePlayer(slot)}
+                class="text-xs bg-main-400 w-full rounded-md line-height-tight py1 text-white b b-black/10 hover:bg-main-500"
+                >Remove<br />Player</button
+              >
+            {:else}
+              <button
+                on:click={() => handleJoinSlot(slot)}
+                class="text-xs bg-main-400 w-full rounded-md line-height-tight py1 text-white b b-black/10 hover:bg-main-500"
+                >Join Here</button
+              >
+            {/if}
           {/if}
         </div>
       </div>

diff --git a/ui/src/store/gameSpaceStore.ts b/ui/src/store/gameSpaceStore.ts
@@ -48,6 +48,7 @@ export function createGameSpaceSynStore(synDoc: SynDoc) {
   // elements.subscribe(processElements)
 
   const canJoinGame = derived(state, ($state) => {
+    if ($state.isLibraryItem) return false;
     const alreadyJoined = !!$state.playersSlots.find((s) => s.pubKey === pubKey);
     if (alreadyJoined) return false;
     const freeSlot = $state.playersSlots.findIndex((p) => p.pubKey === null);