borrar amigxs

src/lib/Amigxs.svelte

@@ -34,6 +34,9 @@
 
   $: id = `${myUser.room};${myUser.password}`;
   const copiar = () => navigator.clipboard.writeText(id);
+
+  const remove = (id: UserIdentifier) =>
+    ($friends = $friends.filter((i) => i.room !== id.room));
 </script>
 
 <button on:click={copiar}>copiar tu id</button>
@@ -51,10 +54,13 @@
 
 <ul>
   {#each $allData as friend}
-    {#if friend.name}
-      <li>{friend.name} <small>({friend.id.room})</small></li>
-    {:else}
-      <li>{friend.id.room}</li>
-    {/if}
+    <li>
+      {#if friend.name}
+        {friend.name} <small>({friend.id.room})</small>
+      {:else}
+        {friend.id.room}
+      {/if}
+      <button on:click={() => remove(friend.id)}>❌</button>
+    </li>
   {/each}
 </ul>