Fix fuzzy search (#738)

sandboxnu · Apr 13, 2024 · 5dc8e34 · 5dc8e34
1 parent 7a5ee03
commit 5dc8e34
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/packages/frontend/components/Form/Select.tsx b/packages/frontend/components/Form/Select.tsx
@@ -52,6 +52,7 @@ export const PlanSelect: React.FC<PlanSelectProps> = ({
     ? (option: FilterOptionOption<any>, inputValue: string) => {
         if (inputValue.length !== 0) {
           const list = new Fuse(options, {
+            keys: ["value"],
             isCaseSensitive: false,
             shouldSort: true,
             ignoreLocation: true,
@@ -60,7 +61,7 @@ export const PlanSelect: React.FC<PlanSelectProps> = ({
             threshold: 0.4,
           }).search(inputValue);
           return list
-            .map((element) => element.item)
+            .map((element) => element.item.value)
             .includes(option.data.value);
         } else {
           return true;

diff --git a/packages/frontend/components/Plan/AddPlanModal.tsx b/packages/frontend/components/Plan/AddPlanModal.tsx
@@ -321,6 +321,8 @@ export const AddPlanModal: React.FC<AddPlanModalProps> = ({
                             isConcentrationRequired &&
                             "Concentration is required",
                         }}
+                        isSearchable
+                        useFuzzySearch
                       />
                     )}
                     {majorName && !isValidatedMajor && (

diff --git a/packages/frontend/components/Plan/EditPlanModal.tsx b/packages/frontend/components/Plan/EditPlanModal.tsx
@@ -302,6 +302,7 @@ export const EditPlanModal: React.FC<EditPlanModalProps> = ({ plan }) => {
                       }}
                       rules={{ required: "Major is required." }}
                       isSearchable
+                      useFuzzySearch
                       isDisabled={!catalogYear}
                     />
                     {majorHasConcentrations && (
@@ -318,6 +319,8 @@ export const EditPlanModal: React.FC<EditPlanModalProps> = ({ plan }) => {
                             isConcentrationRequired &&
                             "Concentration is required",
                         }}
+                        isSearchable
+                        useFuzzySearch
                       />
                     )}
                     {majorName && !isValidatedMajor && (