Skip to content

Commit aa71a55

Browse files
fix: fixed package-lock.json merge conflict
2 parents 94cc220 + 04a1da0 commit aa71a55

12 files changed

Lines changed: 1265 additions & 29 deletions

File tree

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
import { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
2+
import { Button } from 'react-bootstrap';
3+
4+
function ExportConfirmationModal({
5+
showExportModal,
6+
setShowExportModal,
7+
onConfirmExport,
8+
filteredLessonsCount,
9+
filterDescription,
10+
darkMode,
11+
isExporting = false,
12+
}) {
13+
return (
14+
<Modal
15+
isOpen={showExportModal}
16+
toggle={() => setShowExportModal(false)}
17+
className={darkMode ? 'text-light dark-mode' : ''}
18+
>
19+
<ModalHeader
20+
toggle={() => setShowExportModal(false)}
21+
className={darkMode ? 'bg-space-cadet' : ''}
22+
>
23+
Export Lesson Data
24+
</ModalHeader>
25+
<ModalBody className={darkMode ? 'bg-yinmn-blue' : ''}>
26+
<p>
27+
You are about to export <strong>{filteredLessonsCount}</strong> lesson(s) to a CSV file.
28+
</p>
29+
{filterDescription && filterDescription !== 'No filters applied' && (
30+
<p>
31+
<strong>Applied Filters:</strong> {filterDescription}
32+
</p>
33+
)}
34+
<p>
35+
The exported file will include: Lesson Title, Date, Tags, Author, Related Project, Total
36+
Likes, and Content Summary.
37+
</p>
38+
<p style={{ marginTop: '10px', fontStyle: 'italic', color: darkMode ? '#ccc' : '#666' }}>
39+
Click &quot;Confirm Export&quot; to proceed with the download.
40+
</p>
41+
</ModalBody>
42+
<ModalFooter className={darkMode ? 'bg-yinmn-blue' : ''}>
43+
<Button
44+
variant="primary"
45+
onClick={() => {
46+
// Modal will be closed by exportLessonData on success
47+
onConfirmExport();
48+
}}
49+
disabled={isExporting}
50+
>
51+
{isExporting ? 'Exporting...' : 'Confirm Export'}
52+
</Button>
53+
<Button
54+
variant="secondary"
55+
onClick={() => setShowExportModal(false)}
56+
disabled={isExporting}
57+
>
58+
Cancel
59+
</Button>
60+
</ModalFooter>
61+
</Modal>
62+
);
63+
}
64+
65+
export default ExportConfirmationModal;

0 commit comments

Comments
 (0)