44 lines
1.3 KiB
TypeScript
44 lines
1.3 KiB
TypeScript
import { createEffect, createSignal, For } from 'solid-js'
|
|
import type { PopupProps } from '../_shared/Popup'
|
|
import { Popup } from '../_shared/Popup'
|
|
import { t } from '../../utils/intl'
|
|
|
|
export type MessageActionType = 'reply' | 'copy' | 'pin' | 'forward' | 'select' | 'delete'
|
|
|
|
type MessageActionsPopup = {
|
|
actionSelect?: (selectedAction) => void
|
|
} & Omit<PopupProps, 'children'>
|
|
|
|
const actions: { name: string; action: MessageActionType }[] = [
|
|
{ name: t('Reply'), action: 'reply' },
|
|
{ name: t('Copy'), action: 'copy' },
|
|
{ name: t('Pin'), action: 'pin' },
|
|
{ name: t('Forward'), action: 'forward' },
|
|
{ name: t('Select'), action: 'select' },
|
|
{ name: t('Delete'), action: 'delete' }
|
|
]
|
|
|
|
export const MessageActionsPopup = (props: MessageActionsPopup) => {
|
|
const [selectedAction, setSelectedAction] = createSignal<MessageActionType | null>(null)
|
|
|
|
createEffect(() => {
|
|
if (props.actionSelect) props.actionSelect(selectedAction())
|
|
})
|
|
return (
|
|
<Popup {...props} variant="tiny">
|
|
<ul class="nodash">
|
|
<For each={actions}>
|
|
{(item) => (
|
|
<li
|
|
style={item.action === 'delete' && { color: 'red' }}
|
|
onClick={() => setSelectedAction(item.action)}
|
|
>
|
|
{item.name}
|
|
</li>
|
|
)}
|
|
</For>
|
|
</ul>
|
|
</Popup>
|
|
)
|
|
}
|