Merge pull request #5 from RedTurtle/get_items_by_path

refactor: get items by path

src/components/FooterColumns.jsx

@@ -8,6 +8,7 @@ import { flattenHTMLToAppURL, flattenToAppURL } from '@plone/volto/helpers';
 import { ConditionalLink } from '@plone/volto/components';
 
 import { getEditableFooterColumns } from '../actions';
+import { getItemsByPath } from '../utils';
 import Socials from './Socials';
 import NewsletterSubscribe from './NewsletterSubscribe';
 
@@ -25,14 +26,10 @@ const FooterColumns = ({ footer }) => {
   }, [dispatch]);
 
   //filter rootpaths
-  const footerColumns =
-    footerConfiguration
-      .filter((f) =>
-        (location?.pathname?.length ? location.pathname : '/').match(
-          new RegExp(flattenToAppURL(f.rootPath)),
-        ),
-      )
-      .pop()?.items ?? [];
+  const footerColumns = getItemsByPath(
+    footerConfiguration,
+    location?.pathname?.length ? location.pathname : '/',
+  );
 
   const ncolumns =
     footerColumns.length < N_COLUMNS ? footerColumns.length : N_COLUMNS;

src/index.js

@@ -1,9 +1,15 @@
 import { editableFooterColumnsReducer } from './reducers';
 import FooterConfigurationWidget from './widget/FooterConfigurationWidget';
 import { getEditableFooterColumns } from './actions';
+import { getItemsByPath } from './utils';
 import FooterColumns from './components/FooterColumns';
 
-export { FooterConfigurationWidget, getEditableFooterColumns, FooterColumns };
+export {
+  FooterConfigurationWidget,
+  getEditableFooterColumns,
+  FooterColumns,
+  getItemsByPath,
+};
 
 export default (config) => {
   config.widgets.id = {

src/utils.js

@@ -0,0 +1,19 @@
+export function getItemsByPath(items, pathname) {
+  let rootPathConfig = null;
+  const itemsByPath = items?.reduce((acc, val) => {
+    if (val.rootPath === '/') {
+      rootPathConfig = val;
+      return acc;
+    }
+    return { ...acc, [val.rootPath]: val };
+  }, {});
+  const matchingPaths = Object.keys(itemsByPath)
+    .filter((path) => pathname.startsWith(path))
+    .sort((a, b) => {
+      return a.length < b.length;
+    });
+
+  if (matchingPaths.length > 0) return itemsByPath[matchingPaths[0]].items;
+  else if (rootPathConfig) return rootPathConfig.items;
+  else return [];
+}