Fix url in result list

rohberg · Dec 26, 2020 · 1fd69ba · 1fd69ba
1 parent 8c42bc4
commit 1fd69ba
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 5 deletions.
diff --git a/src/components/Views/FacetedSearch.jsx b/src/components/Views/FacetedSearch.jsx
@@ -32,6 +32,8 @@ import { settings } from '~/config';
 import { NoSSR } from '../helpers';
 
 import { useDispatch, useSelector } from 'react-redux';
+import { flattenToAppURL } from '@plone/volto/helpers';
+import { flattenESUrlToPath } from '../helpers';
 
 const OnResults = withState(Results);
 
@@ -97,11 +99,13 @@ const IGIBResultsListItem = ({ result, index }) => {
   return (
     <Item key={index}>
       <Item.Content>
-        <Item.Header
-          as={Link}
-          to={result['@id'].replace(settings.devProxyToApiPath, '')}
-        >
+        <Item.Header as={Link} to={flattenESUrlToPath(result['@id'])}>
           {result.title}
+          {/* <p>result['@id']: {result['@id']}</p>
+          <p>
+            flattenESUrlToPath(result['@id']):{' '}
+            {flattenESUrlToPath(result['@id'])}
+          </p> */}
         </Item.Header>
         <Item.Description>
           {_truncate(result.description, { length: 200 })}

diff --git a/src/components/helpers.jsx b/src/components/helpers.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { flattenToAppURL } from '@plone/volto/helpers';
 
 class NoSSR extends React.Component {
   state = {
@@ -14,4 +15,15 @@ class NoSSR extends React.Component {
   }
 }
 
-export { NoSSR };
+// TODO replace ugly  flattenESUrlToPath hack. Problem Elastic responds with backend Plone Zeo client url.
+function flattenESUrlToPath(url) {
+  var pathArray = url.split('/');
+  var newPathname = '';
+  for (let i = 4; i < pathArray.length; i++) {
+    newPathname += '/';
+    newPathname += pathArray[i];
+  }
+  return newPathname;
+}
+
+export { NoSSR, flattenESUrlToPath };