Clean up some icons

README.md

@@ -18,6 +18,7 @@ If you like Coracle and want to support its development, you can donate sats via
 - [x] Persist and load relay list
 - [x] NIP 05
 - [x] Direct messages using NIP 04
+- [ ] Separate settings for read, write, and broadcast relays based on NIP 65
 - [ ] Deploy coracle relay, set better defaults
 - [ ] Image uploads
   - Use dufflepud. Default will charge via lightning and have a tos, others can self-host and skip that.

src/partials/Note.svelte

@@ -15,6 +15,7 @@
   import Compose from "src/partials/Compose.svelte"
   import Card from "src/partials/Card.svelte"
   import {user, people, getPerson, getRelays, getEventRelays} from 'src/agent'
+  import {addRelay, removeRelay} from "src/app"
   import cmd from 'src/app/cmd'
 
   export let note
@@ -161,18 +162,18 @@
     <div class="flex gap-6 text-light">
       <div>
         <i
-          class="fa-solid fa-reply cursor-pointer"
+          class="fa fa-reply cursor-pointer"
           on:click={startReply} />
         {note.replies.length}
       </div>
       <div class={cx({'text-accent': like})}>
         <i
-          class="fa-solid fa-heart cursor-pointer"
+          class="fa fa-heart cursor-pointer"
           on:click={() => like ? deleteReaction(like) : react("+")} />
         {likes.length}
       </div>
       <div>
-        <i class="fa-solid fa-flag cursor-pointer" on:click={() => react("-")} />
+        <i class="fa fa-flag cursor-pointer" on:click={() => react("-")} />
         {flags.length}
       </div>
     </div>
@@ -189,7 +190,7 @@
         on:click={sendReply}
         class="flex flex-col py-8 p-4 justify-center gap-2 border-l border-solid border-dark
                hover:bg-accent transition-all cursor-pointer text-white ">
-        <i class="fa-solid fa-paper-plane fa-xl" />
+        <i class="fa fa-paper-plane fa-xl" />
       </div>
     </Compose>
   </div>
@@ -214,7 +215,7 @@
 <div class="ml-5 border-l border-solid border-medium">
   {#if !showEntire && note.replies.length > 3}
   <div class="ml-5 py-2 text-light cursor-pointer" on:click={onClick}>
-    <i class="fa-solid fa-up-down text-sm pr-2" />
+    <i class="fa fa-up-down text-sm pr-2" />
     Show {quantify(note.replies.length - 3, 'other reply', 'more replies')}
   </div>
   {/if}

src/views/person/Network.svelte

@@ -7,14 +7,6 @@
   import {addRelay, removeRelay} from "src/app"
 
   export let person
-
-  const join = async url => {
-    await addRelay({url})
-  }
-
-  const leave = async url => {
-    await removeRelay(url)
-  }
 </script>
 
 <div in:fly={{y: 20}}>
@@ -34,9 +26,9 @@
               {last(url.split('://'))}
             </strong>
             {#if find(whereEq({url}), $user.relays)}
-            <Anchor type="button" on:click={() => leave(url)}>Leave</Anchor>
+            <Anchor type="button" on:click={() => removeRelay({url})}>Leave</Anchor>
             {:else}
-            <Anchor type="button" on:click={() => join(url)}>Join</Anchor>
+            <Anchor type="button" on:click={() => addRelay({url})}>Join</Anchor>
             {/if}
           </div>
         </div>