diff --git a/packages/app/src/components/quick-search/content/index.tsx b/packages/app/src/components/quick-search/content/index.tsx
index 9fca452050..36f960910f 100644
--- a/packages/app/src/components/quick-search/content/index.tsx
+++ b/packages/app/src/components/quick-search/content/index.tsx
@@ -1,12 +1,14 @@
 import React from 'react';
+import { useEditor } from '@/providers/editor-provider';
+import JumpTo from './jumpTo';
 
 const Result = () => {
+  const { editor, mode, setMode } = useEditor();
+  console.log(editor?.page);
+
   return (
     <div>
-      <div>Jump to</div>
-      <div>All pages</div>
-      <div>Favorites</div>
-      <div>Trash</div>
+      <JumpTo />
     </div>
   );
 };
diff --git a/packages/app/src/components/quick-search/content/jumpTo.tsx b/packages/app/src/components/quick-search/content/jumpTo.tsx
new file mode 100644
index 0000000000..18ef05c528
--- /dev/null
+++ b/packages/app/src/components/quick-search/content/jumpTo.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+
+const JumpTo = () => {
+  return (
+    <div>
+      <div>Jump to</div>
+      <div>All pages</div>
+      <div>Favorites</div>
+      <div>Trash</div>
+    </div>
+  );
+};
+
+export default JumpTo;
diff --git a/packages/app/src/components/quick-search/content/searchResult.tsx b/packages/app/src/components/quick-search/content/searchResult.tsx
new file mode 100644
index 0000000000..bd65f324c7
--- /dev/null
+++ b/packages/app/src/components/quick-search/content/searchResult.tsx
@@ -0,0 +1,7 @@
+import React from 'react';
+
+const SearchResult = () => {
+  return <div>searchResult</div>;
+};
+
+export default SearchResult;