From 0973086045e0533868c1d8e7eb6c58abab0ab7a0 Mon Sep 17 00:00:00 2001
From: Tuur Lievens <tuur.lievens@hotmail.com>
Date: Wed, 27 Oct 2021 22:11:55 +0200
Subject: [PATCH 1/2] Display note path in search modal

---
 .../portal/search-modal/search-item.tsx       | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/components/portal/search-modal/search-item.tsx b/components/portal/search-modal/search-item.tsx
index c403e8978..109810555 100644
--- a/components/portal/search-modal/search-item.tsx
+++ b/components/portal/search-modal/search-item.tsx
@@ -6,6 +6,8 @@ import MarkText from 'components/portal/filter-modal/mark-text'
 import PortalState from 'libs/web/state/portal'
 import classNames from 'classnames'
 import useScrollView from 'libs/web/hooks/use-scroll-view'
+import NoteTreeState from 'libs/web/state/tree'
+import { Breadcrumbs } from '@material-ui/core'
 
 const SearchItem: FC<{
   note: NoteCacheItem
@@ -15,8 +17,10 @@ const SearchItem: FC<{
   const {
     search: { close },
   } = PortalState.useContainer()
-  const ref = useRef<HTMLLIElement>(null)
+  const { getPaths } = NoteTreeState.useContainer()
+  console.log(getPaths(note))
 
+  const ref = useRef<HTMLLIElement>(null)
   useScrollView(ref, selected)
 
   return (
@@ -31,10 +35,25 @@ const SearchItem: FC<{
           <h4 className="text-sm font-bold">
             <MarkText text={note.title} keyword={keyword} />
           </h4>
+          <Breadcrumbs
+            maxItems={4}
+            itemsBeforeCollapse={2}
+            itemsAfterCollapse={2}
+            className="text-gray-600 leading-none -mx-0.5"
+            aria-label="breadcrumb"
+          >
+            {getPaths(note)
+              .reverse()
+              .map((path) => (
+                <span key={path.id} className="px-0.5 py-0.5 text-xs truncate">
+                  {path.title}
+                </span>
+              ))}
+          </Breadcrumbs>
           <p className="mt-1">
             <MarkText text={note.rawContent} keyword={keyword} />
           </p>
-          <time className="text-gray-300 mt-2 block" dateTime={note.date}>
+          <time className="text-gray-500 mt-2 block" dateTime={note.date}>
             {dayjs(note.date).format('DD/MM/YYYY HH:mm')}
           </time>
         </a>

From f163852881fcd74a1d063fcfa7712bb0ab6107ad Mon Sep 17 00:00:00 2001
From: "cinwell.li" <cinwell.li@gmail.com>
Date: Fri, 29 Oct 2021 09:20:17 +0800
Subject: [PATCH 2/2] Update search-item.tsx

---
 components/portal/search-modal/search-item.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/portal/search-modal/search-item.tsx b/components/portal/search-modal/search-item.tsx
index 109810555..a68d8598a 100644
--- a/components/portal/search-modal/search-item.tsx
+++ b/components/portal/search-modal/search-item.tsx
@@ -18,7 +18,6 @@ const SearchItem: FC<{
     search: { close },
   } = PortalState.useContainer()
   const { getPaths } = NoteTreeState.useContainer()
-  console.log(getPaths(note))
 
   const ref = useRef<HTMLLIElement>(null)
   useScrollView(ref, selected)