fix: add displayed value to drag layer

packages/core/admin/admin/src/content-manager/components/DragLayer/RepetableComponentDragPreview.js

@@ -61,11 +61,11 @@ const DragPreview = ({ displayedValue }) => {
         </ToggleButton>
         <Box paddingLeft={3}>
           <Flex>
-            <IconButton>
+            <IconButton noBorder>
               <Trash />
             </IconButton>
             <Box paddingLeft={2}>
-              <IconButton>
+              <IconButton noBorder>
                 <Drag />
               </IconButton>
             </Box>

packages/core/admin/admin/src/content-manager/components/RepeatableComponent/components/Component.js

@@ -100,6 +100,9 @@ const DraggedItem = ({
     useDragAndDrop(!isReadOnly, {
       type: ItemTypes.COMPONENT,
       index,
+      item: {
+        displayedValue,
+      },
       onMoveItem: moveComponentField,
       onStart() {
         // Close all collapses

packages/core/admin/admin/src/content-manager/hooks/useDragAndDrop.js

@@ -9,6 +9,7 @@ import { useKeyboardDragAndDrop } from './useKeyboardDragAndDrop';
  * @type {{
  *  type?: string,
  *  index: number,
+ *  item?: object,
  *  onStart?: () => void,
  *  onEnd?: () => void,
  * } & import('./useKeyboardDragAndDrop').UseKeyboardDragAndDropCallbacks}
@@ -28,7 +29,17 @@ import { useKeyboardDragAndDrop } from './useKeyboardDragAndDrop';
  */
 export const useDragAndDrop = (
   active,
-  { type = 'STRAPI_DND', index, onStart, onEnd, onGrabItem, onDropItem, onCancel, onMoveItem }
+  {
+    type = 'STRAPI_DND',
+    index,
+    item = {},
+    onStart,
+    onEnd,
+    onGrabItem,
+    onDropItem,
+    onCancel,
+    onMoveItem,
+  }
 ) => {
   const objectRef = useRef(null);
 
@@ -79,7 +90,7 @@ export const useDragAndDrop = (
         onStart();
       }
 
-      return { index };
+      return { index, ...item };
     },
     end() {
       if (onEnd) {