fix: clear button not working

FuelLabs · Sep 17, 2024 · b1ba75b · b1ba75b
1 parent df17b94
commit b1ba75b
Showing 1 changed file with 13 additions and 15 deletions.
diff --git a/packages/app-explorer/src/systems/Core/components/Search/SearchInput.tsx b/packages/app-explorer/src/systems/Core/components/Search/SearchInput.tsx
@@ -342,23 +342,21 @@ export function SearchInput({
                 }
               }}
             >
-              {isFocused && value?.length ? (
+              {(isFocused || !openDropdown) && !!value?.length ? (
                 <>
                   <Input.Slot side="right">
-                    {!!value?.length && (
-                      <Tooltip content="Submit">
-                        <IconButton
-                          type="submit"
-                          aria-label="Submit"
-                          icon={IconCheck}
-                          iconColor="text-brand"
-                          variant="link"
-                          className="!ml-0 tablet:ml-2"
-                          isLoading={pending}
-                          onClick={handleSubmit}
-                        />
-                      </Tooltip>
-                    )}
+                    <Tooltip content="Submit">
+                      <IconButton
+                        type="submit"
+                        aria-label="Submit"
+                        icon={IconCheck}
+                        iconColor="text-brand"
+                        variant="link"
+                        className="!ml-0 tablet:ml-2"
+                        isLoading={pending}
+                        onClick={handleSubmit}
+                      />
+                    </Tooltip>
                     <IconButton
                       aria-label="Clear"
                       icon={IconX}