feat: prefill the search if the button is clicked

tauri-apps · Feb 7, 2023 · 3a8742a · 3a8742a
1 parent 771aaff
commit 3a8742a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/.changes/prefill-click.md b/.changes/prefill-click.md
@@ -0,0 +1,5 @@
+---
+"meilisearch-docsearch": "patch"
+---
+
+Prefill the search with highlighted text when opening the modal by clicking the search button.
diff --git a/src/DocSearch.tsx b/src/DocSearch.tsx
@@ -29,6 +29,11 @@ export const DocSearch: Component<DocSearchProps> = (props) => {
   const onOpen = () => setIsOpen(true);
   const onClose = () => setIsOpen(false);
   const onInput = (query: string) => setInitialQuery(query);
+  const onClick = () => {
+    const selectedText = window.getSelection();
+    if (selectedText) setInitialQuery(selectedText.toString());
+    setIsOpen(true);
+  };
 
   useHotKeys({
     isOpen,
@@ -41,7 +46,7 @@ export const DocSearch: Component<DocSearchProps> = (props) => {
     <>
       <DocSearchButton
         translations={props?.translations?.button}
-        onClick={() => setIsOpen(true)}
+        onClick={onClick}
       />
       {isOpen() && (
         <Portal mount={environment.document.body}>