fix(Subpath): dispatch async actions for controlpanels on /controlpanels

packages/volto/news/8258.bugfix

@@ -0,0 +1 @@
+fix(Subpath): dispatch async actions for controlpanels on /controlpanels @nileshgulia1

packages/volto/src/config/index.js

@@ -22,7 +22,11 @@ import { installDefaultWidgets } from './Widgets';
 import { installDefaultViews } from './Views';
 import { installDefaultBlocks } from './Blocks';
 
-import { getSiteAsyncPropExtender } from '@plone/volto/helpers/Site';
+import {
+  getSiteAsyncPropExtender,
+  SystemInfoAsyncPropExtender,
+  getControlpanelAsyncPropExtender,
+} from '@plone/volto/helpers/Site';
 import { registerValidators } from './validation';
 
 import languages from '@plone/volto/constants/Languages.cjs';
@@ -124,7 +128,11 @@ let config = {
     useEmailAsLogin: false,
     persistentReducers: ['blocksClipboard.cut', 'blocksClipboard.copy'],
     initialReducersBlacklist: [], // reducers in this list won't be hydrated in windows.__data
-    asyncPropsExtenders: [getSiteAsyncPropExtender], // per route asyncConnect customizers
+    asyncPropsExtenders: [
+      getSiteAsyncPropExtender,
+      SystemInfoAsyncPropExtender,
+      getControlpanelAsyncPropExtender,
+    ], // per route asyncConnect customizers
     contentIcons: contentIcons,
     loadables,
     lazyBundles: {

packages/volto/src/helpers/Site/index.js

@@ -1,5 +1,12 @@
 import { GET_SITE } from '@plone/volto/constants/ActionTypes';
 import { getSite } from '@plone/volto/actions/site/site';
+import {
+  listControlpanels,
+  getSystemInformation,
+} from '@plone/volto/actions/controlpanels/controlpanels';
+import config from '@plone/volto/registry';
+
+const prefixPath = config.settings.subpathPrefix || '';
 
 const getSiteAsyncPropExtender = {
   path: '/',
@@ -18,4 +25,44 @@ const getSiteAsyncPropExtender = {
   },
 };
 
-export { getSiteAsyncPropExtender };
+const getControlpanelAsyncPropExtender = {
+  path: `${prefixPath}/controlpanel`,
+  extend: (dispatchActions) => {
+    if (
+      dispatchActions.filter(
+        (asyncAction) => asyncAction.key === 'controlpanels',
+      ).length === 0
+    ) {
+      dispatchActions.push({
+        key: 'controlpanels',
+        promise: ({ location, store: { dispatch } }) =>
+          __SERVER__ && dispatch(listControlpanels()),
+      });
+    }
+    return dispatchActions;
+  },
+};
+
+const SystemInfoAsyncPropExtender = {
+  path: `${prefixPath}/controlpanel`,
+  extend: (dispatchActions) => {
+    if (
+      dispatchActions.filter(
+        (asyncAction) => asyncAction.key === 'systemInformation',
+      ).length === 0
+    ) {
+      dispatchActions.push({
+        key: 'systemInformation',
+        promise: ({ location, store: { dispatch } }) =>
+          __SERVER__ && dispatch(getSystemInformation()),
+      });
+    }
+    return dispatchActions;
+  },
+};
+
+export {
+  getSiteAsyncPropExtender,
+  SystemInfoAsyncPropExtender,
+  getControlpanelAsyncPropExtender,
+};