taskButton TaskDialog.jsx

100% Statements 2/2

100% Branches 0/0

100% Functions 1/1

100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21  
 
 
 
3x
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from 'react';
import './TaskButton.css';
 
// TODO: dialog.css
const TaskDialog = ({ title, onCancel, onClick, children }) => {
    return (
        <div className="habit-dialog">
            <div className="dialog-header">
                <h2>{title}</h2>
                <div className="dialog-buttons">
                    <button onClick={onCancel} className="cancel-button">Cancel</button>
                    <button onClick={onClick} className="create-button">Create</button>
                </div>
            </div>
            {children}
        </div>
    );
};
 
export default TaskDialog;