From 17ebb90cd1edb2107d04f3413db1b356d7306ceb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=B4mulo=20Penido?= <romulo.penido@gmail.com>
Date: Fri, 7 Mar 2025 16:09:00 -0300
Subject: [PATCH] fix: paste button on unit page wasn't working (#1724)

---
 src/course-unit/CourseUnit.jsx                  | 4 +++-
 src/generic/clipboard/paste-component/index.tsx | 5 +++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/course-unit/CourseUnit.jsx b/src/course-unit/CourseUnit.jsx
index 6f34b089d..61a9b5c3c 100644
--- a/src/course-unit/CourseUnit.jsx
+++ b/src/course-unit/CourseUnit.jsx
@@ -201,7 +201,9 @@ const CourseUnit = ({ courseId }) => {
               {showPasteXBlock && canPasteComponent && isUnitVerticalType && (
                 <PasteComponent
                   clipboardData={sharedClipboardData}
-                  onClick={handleCreateNewCourseXBlock}
+                  onClick={
+                    () => handleCreateNewCourseXBlock({ stagedContent: 'clipboard', parentLocator: blockId })
+                  }
                   text={intl.formatMessage(messages.pasteButtonText)}
                 />
               )}
diff --git a/src/generic/clipboard/paste-component/index.tsx b/src/generic/clipboard/paste-component/index.tsx
index 0ebc24309..47e177ce1 100644
--- a/src/generic/clipboard/paste-component/index.tsx
+++ b/src/generic/clipboard/paste-component/index.tsx
@@ -17,9 +17,9 @@ const PasteComponent = ({
   const [showPopover, togglePopover] = useState(false);
   const popoverElementRef = useRef(null);
 
-  const handlePopoverToggle = (isOpen) => togglePopover(isOpen);
+  const handlePopoverToggle = (isOpen: boolean) => togglePopover(isOpen);
 
-  const renderPopover = () => (
+  const renderPopover = (props) => (
     <div role="link" ref={popoverElementRef} tabIndex={0}>
       <Popover
         className="clipboard-popover"
@@ -28,6 +28,7 @@ const PasteComponent = ({
         onMouseLeave={() => handlePopoverToggle(false)}
         onFocus={() => handlePopoverToggle(true)}
         onBlur={() => handlePopoverToggle(false)}
+        {...props}
       >
         <PopoverContent clipboardData={clipboardData} />
       </Popover>