From e892c455982deb084abfc8d573ac0cd7e88dc401 Mon Sep 17 00:00:00 2001
From: Jonathan Staab <shtaab@gmail.com>
Date: Wed, 8 Mar 2023 15:32:47 -0600
Subject: [PATCH] Fix follow buttons

---
 ROADMAP.md                         | 2 +-
 src/views/SideNav.svelte           | 9 +++++++--
 src/views/person/PersonInfo.svelte | 4 ++--
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/ROADMAP.md b/ROADMAP.md
index b45e21e8..b7492505 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -1,6 +1,5 @@
 # Current
 
-- [ ] Log in as user button
 - [ ] Gray out messages tab when using pubkey login
 - [ ] Collapse relaycard and relaycardsimple?
 - [ ] Create my own version of nostr.how and extension explanation
@@ -48,6 +47,7 @@
 
 # More
 
+- [ ] Log in as user button
 - [ ] Abort all context subs when navigating
 - [ ] Separate mentions from other notifications
 - [ ] Performance
diff --git a/src/views/SideNav.svelte b/src/views/SideNav.svelte
index 3209dce9..a3ec21c4 100644
--- a/src/views/SideNav.svelte
+++ b/src/views/SideNav.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
+  import cx from "classnames"
   import {displayPerson} from "src/util/nostr"
   import user from "src/agent/user"
   import {menuIsOpen, installPrompt, routes} from "src/app/ui"
   import {newAlerts, newDirectMessages, newChatMessages} from "src/app/alerts"
   import {slowConnections} from "src/app/connection"
 
-  const {profile} = user
+  const {profile, canPublish} = user
 
   const install = () => {
     $installPrompt.prompt()
@@ -60,7 +61,11 @@
     </a>
   </li>
   {#if $profile}
-    <li class="relative cursor-pointer">
+    <li
+      class={cx("relative", {
+        "cursor-pointer": $canPublish,
+        "pointer-events-none opacity-75": !$canPublish,
+      })}>
       <a class="block px-4 py-2 transition-all hover:bg-accent" href="/messages">
         <i class="fa fa-envelope mr-2" /> Messages
         {#if $newDirectMessages}
diff --git a/src/views/person/PersonInfo.svelte b/src/views/person/PersonInfo.svelte
index aba954df..f88ffc2b 100644
--- a/src/views/person/PersonInfo.svelte
+++ b/src/views/person/PersonInfo.svelte
@@ -21,5 +21,5 @@
 
 <PersonInfo
   {person}
-  addPetname={$petnamePubkeys.includes(person.pubkey) ? addPetname : null}
-  removePetname={$petnamePubkeys.includes(person.pubkey) ? null : removePetname} />
+  addPetname={$petnamePubkeys.includes(person.pubkey) ? null : addPetname}
+  removePetname={$petnamePubkeys.includes(person.pubkey) ? removePetname : null} />