Improve join/leave, publish messages

2024-08-23 13:33:36 -07:00
parent d6fa0a85bc
commit f12e7ef77c
24 changed files with 412 additions and 297 deletions
@@ -1,10 +1,20 @@
 <script lang="ts">
+  import cx from 'classnames'
  import type {NodeViewProps} from '@tiptap/core'
  import {NodeViewWrapper} from 'svelte-tiptap'
+  import Icon from '@lib/components/Icon.svelte'
+  import Button from '@lib/components/Button.svelte'
+  import {clip} from '@app/toast'

  export let node: NodeViewProps['node']
+  export let selected: NodeViewProps['selected']
+
+  const copy = () => clip(node.attrs.lnbc)
 </script>

-<NodeViewWrapper class="inline link-content">
-  {node.attrs.lnbc.slice(0, 16)}...
+<NodeViewWrapper class="inline">
+  <Button on:click={copy} class={cx("link-content", {'link-content-selected': selected})}>
+    <Icon icon="bolt" size={3} class="inline-block translate-y-px" />
+    {node.attrs.lnbc.slice(0, 16)}...
+  </Button>
 </NodeViewWrapper>