feat: Made find & replace modal column select dropdown searable (#789)

implerhq · Sep 10, 2024 · 17546db · 17546db
2 parents e9d93ea + 7233c24
commit 17546db
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/apps/widget/src/components/widget/modals/FindReplace/FindReplaceModal.tsx b/apps/widget/src/components/widget/modals/FindReplace/FindReplaceModal.tsx
@@ -58,6 +58,7 @@ export function FindReplaceModal(props: IFindReplaceModalProps) {
               control={control}
               render={({ field }) => (
                 <Select
+                  searchable
                   withinPortal
                   data={columns}
                   ref={field.ref}

diff --git a/apps/widget/src/design-system/Select/Select.tsx b/apps/widget/src/design-system/Select/Select.tsx
@@ -14,6 +14,7 @@ export interface ISelectProps {
   data: string[] | IOption[];
   error?: string;
   required?: boolean;
+  searchable?: boolean;
   width?: string | number;
   value?: string;
   defaultValue?: string;
@@ -29,6 +30,7 @@ export const Select = React.forwardRef<HTMLInputElement, ISelectProps>((props: I
     data,
     error,
     defaultValue,
+    searchable,
     required = true,
     width = '100%',
     onChange,
@@ -48,6 +50,7 @@ export const Select = React.forwardRef<HTMLInputElement, ISelectProps>((props: I
       style={style}
       error={error}
       label={title}
+      searchable={searchable}
       defaultValue={defaultValue}
       rightSection={<ChevronDown />}
       classNames={{