focalboard/webapp/src/components/cardDialog.tsx

import React from "react"
import { Card } from "../blocks/card"
import { BoardTree } from "../boardTree"
import mutator from "../mutator"
import Menu from "../widgets/menu"
import CardDetail from "./cardDetail"
import Dialog from "./dialog"

type Props = {
	boardTree: BoardTree
	card: Card
	onClose: () => void
}

class CardDialog extends React.Component<Props> {
	render() {
        const menu = (
            <Menu>
                <Menu.Text id="delete" name="Delete" onClick={async () => {
                    await mutator.deleteBlock(this.props.card, "delete card")
                    this.props.onClose()
                }}/>
            </Menu>
        )
        return (
            <Dialog onClose={this.props.onClose} toolsMenu={menu}>
                <CardDetail boardTree={this.props.boardTree} card={this.props.card} />
            </Dialog>
        )
	}
}

export { CardDialog }