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