From 4581799d0b8221b69eec2f1eade3acc63940a00e Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Sat, 11 Apr 2026 13:23:05 +1000
Subject: [PATCH] Linkify search results (#11719)

* Linkify search results

- Closes https://github.com/inventree/InvenTree/issues/11717

* Divide search results
---
 .../src/components/nav/SearchDrawer.tsx       | 40 +++++++++++++------
 1 file changed, 28 insertions(+), 12 deletions(-)

diff --git a/src/frontend/src/components/nav/SearchDrawer.tsx b/src/frontend/src/components/nav/SearchDrawer.tsx
index c3ecf0f5d8..931add12ae 100644
--- a/src/frontend/src/components/nav/SearchDrawer.tsx
+++ b/src/frontend/src/components/nav/SearchDrawer.tsx
@@ -7,6 +7,7 @@ import {
   Anchor,
   Center,
   Checkbox,
+  Divider,
   Drawer,
   Group,
   Loader,
@@ -38,7 +39,11 @@ import { ModelType } from '@lib/enums/ModelType';
 import { UserRoles } from '@lib/enums/Roles';
 import { apiUrl } from '@lib/functions/Api';
 import { cancelEvent } from '@lib/functions/Events';
-import { eventModified, navigateToLink } from '@lib/functions/Navigation';
+import {
+  eventModified,
+  getDetailUrl,
+  navigateToLink
+} from '@lib/functions/Navigation';
 import { showNotification } from '@mantine/notifications';
 import { api } from '../../App';
 import { useUserSettingsState } from '../../states/SettingsStates';
@@ -158,17 +163,28 @@ function QueryResultGroup({
         </Group>
       </Accordion.Control>
       <Accordion.Panel>
-        <Stack aria-label={`search-group-results-${query.model}`}>
-          {query.results.results.map((result: any) => (
-            <Anchor
-              underline='never'
-              onClick={(event: any) =>
-                onResultClick(query.model, result.pk, event)
-              }
-              key={`result-${query.model}-${result.pk}`}
-            >
-              <RenderInstance instance={result} model={query.model} />
-            </Anchor>
+        <Stack gap={'xs'} aria-label={`search-group-results-${query.model}`}>
+          {query.results.results.map((result: any, index: number) => (
+            <>
+              <Anchor
+                underline='never'
+                href={getDetailUrl(query.model, result.pk, true)}
+                onClick={(event: any) =>
+                  onResultClick(query.model, result.pk, event)
+                }
+                key={`result-${query.model}-${result.pk}`}
+              >
+                <RenderInstance instance={result} model={query.model} />
+              </Anchor>
+              {index < query.results.results.length - 1 && (
+                <Divider
+                  p={0}
+                  m={0}
+                  variant='dashed'
+                  key={`divider-${query.model}-${result.pk}`}
+                />
+              )}
+            </>
           ))}
         </Stack>
       </Accordion.Panel>