Rename chats/channels

2024-10-03 14:43:17 -07:00
parent eab4b35077
commit d956e5ac4a
7 changed files with 91 additions and 91 deletions
@@ -0,0 +1,48 @@
+<script lang="ts">
+  import {onMount} from "svelte"
+  import type {Readable} from "svelte/store"
+  import {writable} from "svelte/store"
+  import {createEditor, type Editor, EditorContent} from "svelte-tiptap"
+  import {createEvent} from "@welshman/util"
+  import {publishThunk, makeThunk} from "@welshman/app"
+  import Icon from "@lib/components/Icon.svelte"
+  import Button from "@lib/components/Button.svelte"
+  import {getEditorOptions, getEditorTags, addFile} from "@lib/editor"
+  import {MESSAGE} from "@app/state"
+  import {getPubkeyHints} from "@app/commands"
+
+  export let onSubmit
+
+  const loading = writable(false)
+
+  let editor: Readable<Editor>
+
+  const submit = () => {
+    onSubmit({
+      content: $editor.getText(),
+      tags: getEditorTags($editor),
+    })
+
+    $editor.chain().clearContent().run()
+  }
+
+  onMount(() => {
+    editor = createEditor(getEditorOptions({submit, loading, getPubkeyHints, submitOnEnter: true, autofocus: true}))
+  })
+</script>
+
+<div class="relative z-feature flex gap-2 p-2">
+  <Button
+    data-tip="Add an image"
+    class="center tooltip h-10 w-10 rounded-box bg-base-300 transition-colors hover:bg-base-200"
+    on:click={() => addFile($editor)}>
+    {#if $loading}
+      <span class="loading loading-spinner loading-xs"></span>
+    {:else}
+      <Icon icon="gallery-send" />
+    {/if}
+  </Button>
+  <div class="chat-editor flex-grow overflow-hidden">
+    <EditorContent editor={$editor} />
+  </div>
+</div>