Fixing buf in sidebar menu items rendering.

Author: krulis-martin

package.json

@@ -36,7 +36,7 @@
     "@fortawesome/react-fontawesome": "^3.1.0",
     "@iktakahiro/markdown-it-katex": "^4.0.1",
     "@reduxjs/toolkit": "^2.9.2",
-    "admin-lte": "4.0.0-rc3",
+    "admin-lte": "4.0.0-rc4",
     "babel-plugin-formatjs": "^10.5.41",
     "browser-cookies": "^1.2.0",
     "buffer": "^6.0.3",

src/components/layout/Sidebar/Sidebar.js

@@ -61,6 +61,7 @@ const Sidebar = ({
         <div data-overlayscrollbars-viewport="scrollbarHidden">
           <nav className="mt-2">
             <ul
+              key={currentUrl /* a hack that forces menu re-rendering */}
               className="nav nav-pills sidebar-menu flex-column"
               data-lte-toggle="treeview"
               role="menu"
@@ -114,6 +115,7 @@ const Sidebar = ({
                   title={<FormattedMessage id="app.backToReCodEx" defaultMessage="Back to ReCodEx" />}
                   icon="person-walking-arrow-loop-left"
                   link={getReturnUrl()}
+                  currentPath={currentUrl}
                 />
               )}
             </ul>

src/components/widgets/Sidebar/MenuItem/MenuItem.js

@@ -17,7 +17,8 @@ const MenuItem = ({ title, icon = 'circle', link, notificationsCount = 0, inNewT
       <Link
         to={link}
         target={inNewTab ? '_blank' : undefined}
-        className={classnames({ 'nav-link': true, 'align-items-center': true, active, [`bg-${SKIN}`]: active })}>
+        className={classnames({ 'nav-link': true, 'align-items-center': true, active, [`bg-${SKIN}`]: active })}
+        onClick={ev => ev.stopPropagation()}>
         <Icon icon={icon} fixedWidth className="nav-icon" />
         <p className="sidebarMenuItem">{title}</p>
         {notificationsCount > 0 && <span className="right badge badge-warning">{notificationsCount}</span>}

yarn.lock

@@ -3176,10 +3176,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"admin-lte@npm:4.0.0-rc3":
-  version: 4.0.0-rc3
-  resolution: "admin-lte@npm:4.0.0-rc3"
-  checksum: af5892d8e587d31f4c0921d99118f1901eca79afcabe71f3160090eab35b50185a704e2dd9afa1695894ce082cb16e86bd4aaf96cf54392e8e8aff0cb03b7e77
+"admin-lte@npm:4.0.0-rc4":
+  version: 4.0.0-rc4
+  resolution: "admin-lte@npm:4.0.0-rc4"
+  checksum: 8927c3e6e413f371cf8e171095a688b462581d3f06b43fcb3542d754865d013e180039d01af10fdc0b31b5bec95e661a40bda4c8bc5187599270ea8f8cb41519
   languageName: node
   linkType: hard
 
@@ -11966,7 +11966,7 @@ __metadata:
     "@fortawesome/react-fontawesome": ^3.1.0
     "@iktakahiro/markdown-it-katex": ^4.0.1
     "@reduxjs/toolkit": ^2.9.2
-    admin-lte: 4.0.0-rc3
+    admin-lte: 4.0.0-rc4
     babel-loader: ^10.0.0
     babel-plugin-formatjs: ^10.5.41
     babel-plugin-transform-flow-strip-types: ^6.22.0