Improve login screen

src/lib/editor/SuggestionString.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">
+  export let value
+</script>
+
+{value}

src/lib/editor/Suggestions.svelte

@@ -67,7 +67,7 @@
     transition:fly|local={{duration: 200}}
     class="mt-2 max-h-[350px] overflow-y-auto overflow-x-hidden shadow-xl {$$props.class} bg-alt"
     style={$$props.style}>
-    {#if term && allowCreate}
+    {#if term && allowCreate && !items.includes(term)}
       <button
         class="white-space-nowrap block w-full min-w-0 cursor-pointer overflow-x-hidden text-ellipsis px-4 py-2 text-left transition-all hover:brightness-150"
         on:mousedown|preventDefault
@@ -81,7 +81,7 @@
         on:mousedown|preventDefault
         on:click|preventDefault={() => select(value)}>
         {#if index === i}
-          <div transition:slide|local={{axis: "x"}} class="pr-2">
+          <div transition:slide|local={{axis: "x"}} class="pr-2 flex items-center">
             <Icon icon="alt-arrow-right" />
           </div>
         {/if}

src/lib/editor/util.ts

@@ -1,6 +1,6 @@
 import type {JSONContent, PasteRuleMatch, InputRuleMatch} from "@tiptap/core"
 import {Editor} from "@tiptap/core"
-import {choice} from "@welshman/lib"
+import {ctx} from "@welshman/lib"
 import {Address} from "@welshman/util"
 
 export const asInline = (extend: Record<string, any>) => ({
@@ -61,23 +61,23 @@ export const getEditorTags = (editor: Editor) => {
     attrs.tag.replace(/^#/, "").toLowerCase(),
   ])
 
-  const naddrTags = findNodes("naddr", json).map(({kind, pubkey, identifier, relays}: any) => {
+  const naddrTags = findNodes("naddr", json).map(({kind, pubkey, identifier, relays = []}: any) => {
     const address = new Address(kind, pubkey, identifier).toString()
 
-    return ["q", address, choice(relays) || "", pubkey]
+    return ["q", address, ctx.app.router.fromRelays(relays).getUrl(), pubkey]
   })
 
-  const neventTags = findNodes("nevent", json).map(({id, author, relays}: any) => [
+  const neventTags = findNodes("nevent", json).map(({id, author, relays = []}: any) => [
     "q",
     id,
-    choice(relays) || "",
+    ctx.app.router.fromRelays(relays).getUrl(),
     author || "",
   ])
 
-  const mentionTags = findNodes("nprofile", json).map(({pubkey, relays}: any) => [
+  const mentionTags = findNodes("nprofile", json).map(({pubkey, relays = []}: any) => [
     "p",
     pubkey,
-    choice(relays) || "",
+    ctx.app.router.fromRelays(relays).getUrl(),
     "",
   ])