section tabs

src/actions/index.js

@@ -0,0 +1,11 @@
+import {
+    SET_SECTION_TABS,
+} from '~/constants/ActionTypes';
+
+
+export function setSectionTabs(payload) {
+    return {
+      type: SET_SECTION_TABS,
+      payload: payload,
+    };
+}

src/components/theme/View/TabsView.jsx

@@ -20,7 +20,10 @@ import {
   hasBlocksData,
 } from '@plone/volto/helpers';
 import { flattenToAppURL } from '@plone/volto/helpers';
-
+import { setSectionTabs } from '~/actions';
+const mapDispatchToProps = {
+  setSectionTabs,
+};
 const messages = defineMessages({
   unknownBlock: {
     id: 'Unknown Block',
@@ -77,6 +80,7 @@ class DefaultView extends Component {
         title: i.name,
       };
     });
+    this.props.setSectionTabs(tabsItems);
     return tabsItems;
   };
 
@@ -87,31 +91,6 @@ class DefaultView extends Component {
     const blocksLayoutFieldname = getBlocksLayoutFieldname(content);
     const tabs = this.computeFolderTabs(content['@components'].siblings);
 
-    // const currentUrl = this.props.content?.['@id'];
-    // const shouldRenderRoutes =
-    //   typeof currentUrl !== 'undefined' &&
-    //   samePath(currentUrl, this.props.pathname)
-    //     ? true
-    //     : false;
-    //
-    // if (shouldRenderRoutes === false)
-    //   return (
-    //     <div className="lds-default">
-    //       <div />
-    //       <div />
-    //       <div />
-    //       <div />
-    //       <div />
-    //       <div />
-    //       <div />
-    //       <div />
-    //       <div />
-    //       <div />
-    //       <div />
-    //       <div />
-    //     </div>
-    //   );
-
     return (
       hasBlocksData(content) && (
         <div id="page-document" className="ui wrapper">
@@ -167,5 +146,5 @@ export default compose(
     pathname: props.location.pathname,
     content:
       state.prefetch?.[state.router.location.pathname] || state.content.data,
-  })),
+  }),mapDispatchToProps),
 )(DefaultView);

src/constants/ActionTypes.js

@@ -0,0 +1 @@
+export const SET_SECTION_TABS = 'SET_SECTION_TABS';

src/reducers/section_tabs.js

@@ -0,0 +1,28 @@
+import { SET_SECTION_TABS } from '~/constants/ActionTypes';
+
+const initialState = {
+  error: null,
+  items: null,
+  loaded: false,
+  loading: false,
+};
+
+/**
+ * Navigation reducer.
+ * @function navigation
+ * @param {Object} state Current state.
+ * @param {Object} action Action to be handled.
+ * @returns {Object} New state.
+ */
+export default function section_tabs(state = initialState, action = {}) {
+  if (action.type === SET_SECTION_TABS) {
+    return {
+      ...state,
+      error: null,
+      items: action.payload,
+      loaded: true,
+      loading: false,
+    };
+  }
+  return state;
+}