From f8272ca55b237bd4fd43b205f4968a422c46388c Mon Sep 17 00:00:00 2001
From: Abhishek-17H <abhishekhegaje1702@gmail.com>
Date: Sun, 19 Jan 2025 18:57:47 +0530
Subject: [PATCH] Order tab to remain rendered after the initial load

---
 packages/volto/src/components/manage/Sidebar/Sidebar.jsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/volto/src/components/manage/Sidebar/Sidebar.jsx b/packages/volto/src/components/manage/Sidebar/Sidebar.jsx
index 1a1fd8710c0..a2fc7cb13c0 100644
--- 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"