ExportModal.tsx 1.05 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import * as React from 'react';
import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';

interface Props {
    isModalOpen: boolean;
    toggleModal: () => void;
}

class ExportModal extends React.Component<Props, {}> {
    render() {
        const { isModalOpen, toggleModal } = this.props;
        return (
            <Modal isOpen={isModalOpen} toggle={toggleModal}>
                <ModalHeader toggle={toggleModal}>Your calendar has been generated!</ModalHeader>
                <ModalBody>
                    Here are instructions for adding you calendar to a bunch of different calendar managers.
                </ModalBody>
                <ModalFooter>
                    <Button color="secondary" onClick={toggleModal}>
                        Download calendar file
                    </Button>
                    <Button color="primary" onClick={toggleModal}>
                        Add to calendar
                    </Button>{' '}
                </ModalFooter>
            </Modal>
        );
    }
}

export default ExportModal;