Files
flotilla/src/app/editor/EditMention.svelte
T
2025-02-03 17:21:46 -08:00

21 lines
523 B
Svelte

<script lang="ts">
import type {NodeViewProps} from "@tiptap/core"
import {NodeViewWrapper} from "svelte-tiptap"
import {deriveProfileDisplay} from "@welshman/app"
interface Props {
node: NodeViewProps["node"]
selected: NodeViewProps["selected"]
}
const {node, selected}: Props = $props()
const display = deriveProfileDisplay(node.attrs.pubkey)
</script>
<NodeViewWrapper as="span">
<button class="tiptap-object {selected ? 'tiptap-active' : ''}">
@{$display}
</button>
</NodeViewWrapper>