focalboard/webapp/src/components/cardDialog.tsx

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
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}