fix: timeline event body forward ref

Author: OliverGeneser

invenio_requests/assets/semantic-ui/js/invenio_requests/components/TimelineActionEvent.js

@@ -54,6 +54,7 @@ class TimelineActionEvent extends Component {
                   <b>{user}</b>
                   <Feed.Date>
                     <TimelineEventBody
+                      collapsible={false}
                       payload={{ ...event.payload, content: eventContent }}
                     />{" "}
                     {toRelativeTime(event.created, i18next.language)}

invenio_requests/assets/semantic-ui/js/invenio_requests/components/TimelineEventBody.js

@@ -41,23 +41,23 @@ TimelineEventBody.defaultProps = {
   expandedByDefault: false,
 };
 
-const TimelineEventBodyRender = ({
-  ref,
+const TimelineEventBodyRender = React.forwardRef(({
   refInner,
   isOverflowing,
   expanded,
   collapsible,
   toggleCollapsed,
   content,
   format,
-}) => {
+  files,
+}, ref) => {
   const getCollapsibleClass = () => {
     if (!isOverflowing) return "";
     return expanded || !collapsible ? "expanded" : "overflowing";
   };
 
   return (
-    <span ref={ref} className={`collapsible-comment ${getCollapsibleClass()}`}>
+    <span ref={ref} className={`${collapsible ? "collapsible-comment" : ""} ${getCollapsibleClass()}`}>
       <span ref={refInner} className={collapsible ? "collapsible-comment-inner" : ""}>
         {format === "html" ? (
           <span dangerouslySetInnerHTML={{ __html: content }} />
@@ -76,10 +76,9 @@ const TimelineEventBodyRender = ({
       </span>
     </span>
   );
-};
+});
 
 TimelineEventBodyRender.propTypes = {
-  ref: PropTypes.instanceOf(Element).isRequired,
   refInner: PropTypes.instanceOf(Element).isRequired,
   isOverflowing: PropTypes.bool.isRequired,
   expanded: PropTypes.bool.isRequired,