Order tab to remain rendered after the initial load

plone · Jan 19, 2025 · f8272ca · f8272ca
1 parent 18400c6
commit f8272ca
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/volto/src/components/manage/Sidebar/Sidebar.jsx b/packages/volto/src/components/manage/Sidebar/Sidebar.jsx
@@ -58,6 +58,7 @@ const Sidebar = (props) => {
   );
   const [size] = useState(0);
   const [showFull, setshowFull] = useState(true);
+  const [isOrderTabRendered, setIsOrderTabRendered] = useState(false);
 
   const tab = useSelector((state) => state.sidebar.tab);
   const toolbarExpanded = useSelector((state) => state.toolbar.expanded);
@@ -102,6 +103,10 @@ const Sidebar = (props) => {
   const onTabChange = (event, data) => {
     event.nativeEvent.stopImmediatePropagation();
     dispatch(setSidebarTab(data.activeIndex));
+
+    if (data.activeIndex === 2) {
+      setIsOrderTabRendered(true);
+    }
   };
 
   return (
@@ -188,7 +193,7 @@ const Sidebar = (props) => {
             !!orderTab && {
               menuItem: intl.formatMessage(messages.order),
               pane:
-                tab === 2 ? (
+                isOrderTabRendered || tab === 2 ? (
                   <Tab.Pane
                     key="order"
                     className="tab-wrapper"