Jon Staab
78 lines
2.5 KiB
Svelte
78 lines
2.5 KiB
Svelte
<script lang="ts">
|
|
import type {NativeEmoji} from "emoji-picker-element/shared"
|
|
import type {TrustedEvent} from "@welshman/util"
|
|
import {pubkey} from "@welshman/app"
|
|
import Button from "@lib/components/Button.svelte"
|
|
import Icon from "@lib/components/Icon.svelte"
|
|
import EmojiPicker from "@lib/components/EmojiPicker.svelte"
|
|
import ZapButton from "@app/components/ZapButton.svelte"
|
|
import EventInfo from "@app/components/EventInfo.svelte"
|
|
import EventDeleteConfirm from "@app/components/EventDeleteConfirm.svelte"
|
|
import {ENABLE_ZAPS} from "@app/core/state"
|
|
import {publishReaction, canEnforceNip70} from "@app/core/commands"
|
|
import {pushModal} from "@app/util/modal"
|
|
import SmileCircle from "@assets/icons/smile-circle.svg?dataurl"
|
|
import Bolt from "@assets/icons/bolt.svg?dataurl"
|
|
import Reply from "@assets/icons/reply-2.svg?dataurl"
|
|
import Code2 from "@assets/icons/code-2.svg?dataurl"
|
|
import TrashBin2 from "@assets/icons/trash-bin-2.svg?dataurl"
|
|
|
|
type Props = {
|
|
url: string
|
|
event: TrustedEvent
|
|
reply: () => void
|
|
}
|
|
|
|
const {url, event, reply}: Props = $props()
|
|
|
|
const shouldProtect = canEnforceNip70(url)
|
|
|
|
const onEmoji = (async (event: TrustedEvent, url: string, emoji: NativeEmoji) => {
|
|
history.back()
|
|
publishReaction({
|
|
event,
|
|
relays: [url],
|
|
content: emoji.unicode,
|
|
protect: await shouldProtect,
|
|
})
|
|
}).bind(undefined, event, url)
|
|
|
|
const showEmojiPicker = () => pushModal(EmojiPicker, {onClick: onEmoji}, {replaceState: true})
|
|
|
|
const sendReply = () => {
|
|
history.back()
|
|
reply()
|
|
}
|
|
|
|
const showInfo = () => pushModal(EventInfo, {url, event}, {replaceState: true})
|
|
|
|
const showDelete = () => pushModal(EventDeleteConfirm, {url, event})
|
|
</script>
|
|
|
|
<div class="col-2">
|
|
<Button class="btn btn-primary w-full" onclick={showEmojiPicker}>
|
|
<Icon size={4} icon={SmileCircle} />
|
|
Send Reaction
|
|
</Button>
|
|
{#if ENABLE_ZAPS}
|
|
<ZapButton replaceState {url} {event} class="btn btn-secondary w-full">
|
|
<Icon size={4} icon={Bolt} />
|
|
Send Zap
|
|
</ZapButton>
|
|
{/if}
|
|
<Button class="btn btn-neutral w-full" onclick={sendReply}>
|
|
<Icon size={4} icon={Reply} />
|
|
Send Reply
|
|
</Button>
|
|
<Button class="btn btn-neutral" onclick={showInfo}>
|
|
<Icon size={4} icon={Code2} />
|
|
Message Details
|
|
</Button>
|
|
{#if event.pubkey === $pubkey}
|
|
<Button class="btn btn-neutral text-error" onclick={showDelete}>
|
|
<Icon size={4} icon={TrashBin2} />
|
|
Delete Message
|
|
</Button>
|
|
{/if}
|
|
</div>
|