feature: add flag to search UI

devflowinc · Jul 29, 2024 · dae21b9 · dae21b9
1 parent 16ad558
commit dae21b9
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 0 deletions.
diff --git a/frontends/search/src/components/GroupPage.tsx b/frontends/search/src/components/GroupPage.tsx
@@ -232,6 +232,7 @@ export const GroupPage = (props: GroupPageProps) => {
             highlight_window: search.debounced.highlightWindow,
             sort_by: sort_by,
             use_quote_negated_terms: search.debounced.useQuoteNegatedTerms,
+            remove_stop_words: search.debounced.removeStopWords,
           }),
         }).then((response) => {
           if (response.ok) {

diff --git a/frontends/search/src/components/ResultsPage.tsx b/frontends/search/src/components/ResultsPage.tsx
@@ -198,6 +198,7 @@ const ResultsPage = (props: ResultsPageProps) => {
         highlight_window: props.search.debounced.highlightWindow ?? 0,
         group_size: props.search.debounced.group_size ?? 3,
         use_quote_negated_terms: props.search.debounced.useQuoteNegatedTerms,
+        remove_stop_words: props.search.debounced.removeStopWords,
       };
 
       let searchRoute = "";

diff --git a/frontends/search/src/components/SearchForm.tsx b/frontends/search/src/components/SearchForm.tsx
@@ -860,6 +860,7 @@ const SearchForm = (props: { search: SearchStore; groupID?: string }) => {
                                   highlightMaxNum: 3,
                                   highlightWindow: 0,
                                   group_size: 3,
+								  removeStopWords: false,
                                 } as SearchOptions;
                               });
                             }}
@@ -994,6 +995,22 @@ const SearchForm = (props: { search: SearchStore; groupID?: string }) => {
                             }}
                           />
                         </div>
+                        <div class="flex items-center justify-between space-x-2 p-1">
+                          <label>Remove Stop Words</label>
+                          <input
+                            class="h-4 w-4"
+                            type="checkbox"
+                            checked={tempSearchValues().removeStopWords}
+                            onChange={(e) => {
+                              setTempSearchValues((prev) => {
+                                return {
+                                  ...prev,
+                                  removeStopWords: e.target.checked,
+                                };
+                              });
+                            }}
+                          />
+                        </div>
                         <div class="flex items-center justify-between space-x-2 p-1">
                           <label>Highlight Results (Latency Penalty):</label>
                           <input

diff --git a/frontends/search/src/hooks/useSearch.ts b/frontends/search/src/hooks/useSearch.ts
@@ -51,6 +51,7 @@ export interface SearchOptions {
   highlightWindow: number;
   group_size: number;
   useQuoteNegatedTerms: boolean;
+  removeStopWords: boolean;
 }
 
 const initalState: SearchOptions = {
@@ -75,6 +76,7 @@ const initalState: SearchOptions = {
   highlightWindow: 0,
   group_size: 3,
   useQuoteNegatedTerms: false,
+  removeStopWords: false,
 };
 
 const fromStateToParams = (state: SearchOptions): Params => {
@@ -98,6 +100,7 @@ const fromStateToParams = (state: SearchOptions): Params => {
     highlightWindow: state.highlightWindow.toString(),
     group_size: state.group_size?.toString(),
     useQuoteNegatedTerms: state.useQuoteNegatedTerms.toString(),
+    removeStopWords: state.removeStopWords.toString(),
   };
 };
 
@@ -128,6 +131,7 @@ const fromParamsToState = (
     highlightWindow: parseInt(params.highlightWindow ?? "0"),
     group_size: parseInt(params.group_size ?? "3"),
     useQuoteNegatedTerms: (params.useQuoteNegatedTerms ?? "false") === "true",
+    removeStopWords: (params.removeStopWords ?? "false") === "true",
   };
 };