From 9e3ba17e546bd37fb33daebfae5aa207b8cb353f Mon Sep 17 00:00:00 2001
From: luizakp <luiza.puccinelli06@gmail.com>
Date: Fri, 26 Apr 2024 15:30:02 -0300
Subject: [PATCH] chore: remove investigation select search

---
 .../fields/selects/SearchableSelectField.tsx  | 128 +++++++++---------
 1 file changed, 62 insertions(+), 66 deletions(-)

diff --git a/src/components/FormBuilder/fields/selects/SearchableSelectField.tsx b/src/components/FormBuilder/fields/selects/SearchableSelectField.tsx
index 995748b..bf679c7 100644
--- a/src/components/FormBuilder/fields/selects/SearchableSelectField.tsx
+++ b/src/components/FormBuilder/fields/selects/SearchableSelectField.tsx
@@ -27,70 +27,66 @@ import { withConditional } from "../../fields";
 import { SelectFieldProps } from "./SelectField";
 
 export const SearchableSelectField = withConditional<SelectFieldProps>(
-  ({ form, field }) => {
-    // eslint-disable-next-line no-console
-    console.log(field);
-    return (
-      <FormField
-        control={form.control}
-        name={field.name}
-        render={({ field: formField }) => (
-          <FormItem className="flex flex-col">
-            <input hidden {...formField} value={formField.value} />
-            <FormLabel tooltip={field.tooltip}>{field.label}</FormLabel>
-            <FormDescription>{field.description}</FormDescription>
-            <Popover>
-              <PopoverTrigger asChild>
-                <FormControl>
-                  <Button
-                    variant="outline"
-                    role="combobox"
-                    className={cn(
-                      "w-[200px] justify-between",
-                      !formField.value && "text-muted-foreground"
-                    )}
-                  >
-                    {formField.value
-                      ? field.options?.find(
-                          (option) => option.value === formField.value
-                        )?.label
-                      : "Select an option"}
-                    <CaretSortIcon className="ml-2 size-4 shrink-0 opacity-50" />
-                  </Button>
-                </FormControl>
-              </PopoverTrigger>
-              <PopoverContent className="w-[200px] p-0">
-                <Command>
-                  <CommandInput placeholder="Search options..." />
-                  <CommandEmpty>No options found.</CommandEmpty>
-                  <CommandGroup className="max-h-80 overflow-y-auto">
-                    {field.options?.map((option) => (
-                      <CommandItem
-                        value={option.label}
-                        key={option.value}
-                        onSelect={() => {
-                          form.setValue(field.name, option.value);
-                        }}
-                      >
-                        <CheckIcon
-                          className={cn(
-                            "mr-2 h-4 w-4",
-                            option.value === formField.value
-                              ? "opacity-100"
-                              : "opacity-0"
-                          )}
-                        />
-                        {option.label}
-                      </CommandItem>
-                    ))}
-                  </CommandGroup>
-                </Command>
-              </PopoverContent>
-            </Popover>
-            <FormMessage />
-          </FormItem>
-        )}
-      />
-    );
-  }
+  ({ form, field }) => (
+    <FormField
+      control={form.control}
+      name={field.name}
+      render={({ field: formField }) => (
+        <FormItem className="flex flex-col">
+          <input hidden {...formField} value={formField.value} />
+          <FormLabel tooltip={field.tooltip}>{field.label}</FormLabel>
+          <FormDescription>{field.description}</FormDescription>
+          <Popover>
+            <PopoverTrigger asChild>
+              <FormControl>
+                <Button
+                  variant="outline"
+                  role="combobox"
+                  className={cn(
+                    "w-[200px] justify-between",
+                    !formField.value && "text-muted-foreground"
+                  )}
+                >
+                  {formField.value
+                    ? field.options?.find(
+                        (option) => option.value === formField.value
+                      )?.label
+                    : "Select an option"}
+                  <CaretSortIcon className="ml-2 size-4 shrink-0 opacity-50" />
+                </Button>
+              </FormControl>
+            </PopoverTrigger>
+            <PopoverContent className="w-[200px] p-0">
+              <Command>
+                <CommandInput placeholder="Search options..." />
+                <CommandEmpty>No options found.</CommandEmpty>
+                <CommandGroup className="max-h-80 overflow-y-auto">
+                  {field.options?.map((option) => (
+                    <CommandItem
+                      value={option.label}
+                      key={option.value}
+                      onSelect={() => {
+                        form.setValue(field.name, option.value);
+                      }}
+                    >
+                      <CheckIcon
+                        className={cn(
+                          "mr-2 h-4 w-4",
+                          option.value === formField.value
+                            ? "opacity-100"
+                            : "opacity-0"
+                        )}
+                      />
+                      {option.label}
+                    </CommandItem>
+                  ))}
+                </CommandGroup>
+              </Command>
+            </PopoverContent>
+          </Popover>
+          <FormMessage />
+        </FormItem>
+      )}
+    />
+  )
 );