From 3d85846f5f51eb3b1aaf9a5a3fa632503c4081f5 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Wed, 9 Oct 2024 09:44:41 -0700
Subject: [PATCH] Fix space membership on discover page

---
 README.md                        |  1 +
 src/routes/discover/+page.svelte | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 91b4319..13f9d4e 100644
--- a/README.md
+++ b/README.md
@@ -21,3 +21,4 @@ A discord-like nostr client based on the idea of "relays as groups". WIP.
 - [ ] Sort/migrate repository data to keep important events
   - Get rid of stuff from spaces the user isn't currently a member of
 - [ ] Apply mutes
+- [ ] Add discover > people/content tabs that pull from network rather than follows
diff --git a/src/routes/discover/+page.svelte b/src/routes/discover/+page.svelte
index 7bd6082..082db4c 100644
--- a/src/routes/discover/+page.svelte
+++ b/src/routes/discover/+page.svelte
@@ -6,7 +6,7 @@
   import {createScroller} from "@lib/html"
   import Icon from "@lib/components/Icon.svelte"
   import {makeSpacePath} from "@app/routes"
-  import {userMembership, discoverRelays, getMembershipRoomsByUrl} from "@app/state"
+  import {userMembership, discoverRelays, getMembershipUrls} from "@app/state"
 
   let term = ""
   let limit = 20
@@ -47,7 +47,7 @@
     let:item={relay}>
     <a
       href={makeSpacePath(relay.url)}
-      class="card2 bg-alt shadow-xl transition-all hover:shadow-2xl hover:brightness-[1.1]">
+      class="flex flex-col gap-2 card2 bg-alt shadow-xl transition-all hover:shadow-2xl hover:brightness-[1.1]">
       <div class="center avatar mt-8">
         <div
           class="center relative !flex w-20 rounded-full border-2 border-solid border-base-300 bg-base-300">
@@ -58,12 +58,14 @@
           {/if}
         </div>
       </div>
-      {#if getMembershipRoomsByUrl(relay.url, $userMembership)}
-        <div class="center absolute flex w-full">
-          <div
-            class="tooltip relative left-8 top-[38px] h-5 w-5 rounded-full bg-primary"
-            data-tip="You are already a member of this space.">
-            <Icon icon="check-circle" class="scale-110" />
+      {#if getMembershipUrls($userMembership).includes(relay.url)}
+        <div class="flex justify-center">
+          <div class="relative">
+            <div
+              class="tooltip absolute -top-[88px] left-5 h-5 w-5 rounded-full bg-primary"
+              data-tip="You are already a member of this space.">
+              <Icon icon="check-circle" class="scale-110" />
+            </div>
           </div>
         </div>
       {/if}