Initial attempt at separating documents in search results

OWASP · Jun 30, 2023 · 6b690a9 · 6b690a9
1 parent 23f16ec
commit 6b690a9
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/application/frontend/src/pages/Search/components/SearchResults.tsx b/application/frontend/src/pages/Search/components/SearchResults.tsx
@@ -5,12 +5,17 @@ import { getDocumentDisplayName } from 'application/frontend/src/utils/document'
 
 export const SearchResults = ({ results }) => {
   if (results && results.length != 0) {
+    const sortedResults = results.sort((a, b) => getDocumentDisplayName(a).localeCompare(getDocumentDisplayName(b)))
+    let lastDocumentName = sortedResults[0].id ?? sortedResults[0].name
     return (
       <>
-        {results.sort((a, b) => getDocumentDisplayName(a).localeCompare(getDocumentDisplayName(b))).map((document, i) => (
-          <div key={i} className="accordion ui fluid styled standard-page__links-container">
-            <DocumentNode node={document} linkType={'Standard'} />
-          </div>
+        {sortedResults.map((document, i) => (
+          <>
+            {lastDocumentName !== (document.id ?? document.name) &&<hr style={{marginTop: "20px"}} />}
+            <div key={i} className="accordion ui fluid styled standard-page__links-container">
+              <DocumentNode node={document} linkType={'Standard'} />
+            </div>
+          </>
         ))}
       </>
     );