feat: [AXIMST-375] Course unit - Added functionality for copying and …

…pasting xblocks and units (#147) * feat: [AXIMST-350] added functionality for copying and pasting xblocks and units * refactor: refactoring after review * refactor: refactoring after second review
raccoongang · Mar 10, 2024 · 149ce38 · 149ce38
1 parent 2b7538c
commit 149ce38
Show file tree

Hide file tree

Showing 50 changed files with 1,481 additions and 54 deletions.
diff --git a/src/course-unit/CourseUnit.jsx b/src/course-unit/CourseUnit.jsx
@@ -23,6 +23,7 @@ import Sequence from './course-sequence';
 import Sidebar from './sidebar';
 import { useCourseUnit } from './hooks';
 import messages from './messages';
+import { PasteNotificationAlert, PasteComponent } from './clipboard';
 
 const CourseUnit = ({ courseId }) => {
   const { blockId } = useParams();
@@ -35,9 +36,13 @@ const CourseUnit = ({ courseId }) => {
     savingStatus,
     isTitleEditFormOpen,
     isErrorAlert,
+    staticFileNotices,
     currentlyVisibleToStudents,
     isInternetConnectionAlertFailed,
     unitXBlockActions,
+    sharedClipboardData,
+    showPasteXBlock,
+    showPasteUnit,
     handleTitleEditSubmit,
     headerNavigationsActions,
     handleTitleEdit,
@@ -88,6 +93,7 @@ const CourseUnit = ({ courseId }) => {
             sequenceId={sequenceId}
             unitId={blockId}
             handleCreateNewCourseXBlock={handleCreateNewCourseXBlock}
+            showPasteUnit={showPasteUnit}
           />
           <Layout
             lg={[{ span: 8 }, { span: 4 }]}
@@ -104,6 +110,10 @@ const CourseUnit = ({ courseId }) => {
                   icon={WarningIcon}
                 />
               )}
+              <PasteNotificationAlert
+                staticFileNotices={staticFileNotices}
+                courseId={courseId}
+              />
               <Stack gap={4} className="mb-4">
                 {courseVerticalChildren.children.map(({ name, blockId: id, shouldScroll }) => (
                   <CourseXBlock
@@ -120,6 +130,12 @@ const CourseUnit = ({ courseId }) => {
                 blockId={blockId}
                 handleCreateNewCourseXBlock={handleCreateNewCourseXBlock}
               />
+              {showPasteXBlock && (
+                <PasteComponent
+                  clipboardData={sharedClipboardData}
+                  handleCreateNewCourseXBlock={handleCreateNewCourseXBlock}
+                />
+              )}
             </Layout.Element>
             <Layout.Element>
               <Stack gap={3}>

diff --git a/src/course-unit/CourseUnit.scss b/src/course-unit/CourseUnit.scss
@@ -3,3 +3,5 @@
 @import "./add-component/AddComponent";
 @import "./course-xblock/CourseXBlock";
 @import "./sidebar/Sidebar";
+@import "./course-xblock/CourseXblock";
+@import "./clipboard/paste-component/PasteComponent";