Offer Report Content and Add to Library in the mobile message menu, as the desktop menu does

This commit is contained in:
Jon Staab 2026-09-25 15:48:55 -07:00
parent 4f01820e3d
commit 5a32287313

View file

@ -8,6 +8,8 @@
import ShareCircle from "@assets/icons/share-circle.svg?dataurl" import ShareCircle from "@assets/icons/share-circle.svg?dataurl"
import Code2 from "@assets/icons/code-2.svg?dataurl" import Code2 from "@assets/icons/code-2.svg?dataurl"
import TrashBin2 from "@assets/icons/trash-bin-2.svg?dataurl" import TrashBin2 from "@assets/icons/trash-bin-2.svg?dataurl"
import Danger from "@assets/icons/danger.svg?dataurl"
import GalleryWide from "@assets/icons/gallery-wide.svg?dataurl"
import SmileCircle from "@assets/icons/smile-circle.svg?dataurl" import SmileCircle from "@assets/icons/smile-circle.svg?dataurl"
import MenuDots from "@assets/icons/menu-dots.svg?dataurl" import MenuDots from "@assets/icons/menu-dots.svg?dataurl"
import AltArrowDown from "@assets/icons/alt-arrow-down.svg?dataurl" import AltArrowDown from "@assets/icons/alt-arrow-down.svg?dataurl"
@ -24,6 +26,8 @@
import EmojiPicker from "@lib/components/EmojiPicker.svelte" import EmojiPicker from "@lib/components/EmojiPicker.svelte"
import ZapButton from "@app/components/ZapButton.svelte" import ZapButton from "@app/components/ZapButton.svelte"
import EventInfo from "@app/components/EventInfo.svelte" import EventInfo from "@app/components/EventInfo.svelte"
import Report from "@app/components/Report.svelte"
import PinboardSelect from "@app/components/PinboardSelect.svelte"
import EventAdminDeleteConfirm from "@app/components/EventAdminDeleteConfirm.svelte" import EventAdminDeleteConfirm from "@app/components/EventAdminDeleteConfirm.svelte"
import EventDeleteConfirm from "@app/components/EventDeleteConfirm.svelte" import EventDeleteConfirm from "@app/components/EventDeleteConfirm.svelte"
import ThreadCreate from "@app/components/ThreadCreate.svelte" import ThreadCreate from "@app/components/ThreadCreate.svelte"
@ -97,6 +101,10 @@
const showInfo = () => pushModal(EventInfo, {url, event}, {replaceState: true}) const showInfo = () => pushModal(EventInfo, {url, event}, {replaceState: true})
const addToLibrary = () => pushModal(PinboardSelect, {url, event}, {replaceState: true})
const report = () => pushModal(Report, {url, event}, {replaceState: true})
const showDelete = () => pushModal(EventDeleteConfirm, {url, event}) const showDelete = () => pushModal(EventDeleteConfirm, {url, event})
const showAdminDelete = () => pushModal(EventAdminDeleteConfirm, {url, noun: "Message", event}) const showAdminDelete = () => pushModal(EventAdminDeleteConfirm, {url, noun: "Message", event})
@ -163,6 +171,10 @@
<Icon size={4} icon={ShareCircle} /> <Icon size={4} icon={ShareCircle} />
Share Message Share Message
</Button> </Button>
<Button class="button button-neutral w-full" onclick={addToLibrary}>
<Icon size={4} icon={GalleryWide} />
Add to Library
</Button>
<Button class="button button-neutral w-full" onclick={read}> <Button class="button button-neutral w-full" onclick={read}>
<Icon size={4} icon={VolumeLoud} /> <Icon size={4} icon={VolumeLoud} />
Read Out Loud Read Out Loud
@ -194,11 +206,17 @@
<Icon size={4} icon={TrashBin2} /> <Icon size={4} icon={TrashBin2} />
Delete Message Delete Message
</Button> </Button>
{:else if $adminDelete} {:else}
<Button class="button button-neutral w-full text-error" onclick={showAdminDelete}> <Button class="button button-neutral w-full text-error" onclick={report}>
<Icon size={4} icon={TrashBin2} /> <Icon size={4} icon={Danger} />
Delete Message Report Content
</Button> </Button>
{#if $adminDelete}
<Button class="button button-neutral w-full text-error" onclick={showAdminDelete}>
<Icon size={4} icon={TrashBin2} />
Delete Message
</Button>
{/if}
{/if} {/if}
</div> </div>
{/if} {/if}