Fix follow buttons

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

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}

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} />