From fcf8de60d1e9fb1bf64cfd985d90aa95af208aaf Mon Sep 17 00:00:00 2001
From: Anthony Geourjon <anthony.geourjon@tetras-libre.fr>
Date: Tue, 9 Jan 2024 01:15:49 +0100
Subject: [PATCH] WIP Commit de la victoire, need to be cleaned

---
 src/CanvasListItem.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/CanvasListItem.js b/src/CanvasListItem.js
index bc24052..34f857d 100644
--- a/src/CanvasListItem.js
+++ b/src/CanvasListItem.js
@@ -1,4 +1,4 @@
-import React, { Component, createRef } from 'react';
+import React, { Component, createRef, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import DeleteIcon from '@mui/icons-material/DeleteForever';
 import EditIcon from '@mui/icons-material/Edit';
@@ -20,6 +20,8 @@ class CanvasListItem extends Component {
     this.handleMouseHover = this.handleMouseHover.bind(this);
     this.handleDelete = this.handleDelete.bind(this);
     this.handleEdit = this.handleEdit.bind(this);
+
+    console.log(props.ref);
   }
 
   /** */
@@ -89,10 +91,12 @@ class CanvasListItem extends Component {
     console.log('this.props : ', ...this.props);
     const { isHovering } = this.state;
     const { windowViewType, toggleSingleCanvasDialogOpen } = this.context;
+
     return (
       <div
         onMouseEnter={this.handleMouseHover}
         onMouseLeave={this.handleMouseHover}
+        className="mirador-annotation-list-item"
       >
         {isHovering && this.editable() && (
           <div
@@ -126,7 +130,7 @@ class CanvasListItem extends Component {
         <li
           {...this.props} // eslint-disable-line react/jsx-props-no-spreading
         >
-          {children}
+          {/* {children} */}
         </li>
       </div>
     );
@@ -143,4 +147,4 @@ CanvasListItem.propTypes = {
 
 CanvasListItem.contextType = AnnotationActionsContext;
 
-export default CanvasListItem;
+export default forwardRef((props, ref) => <CanvasListItem {...props} containerRef={ref} />);
-- 
GitLab