xevion/rdap
1
0
Fork 0
mirror of https://github.com/Xevion/rdap.git synced 2025-12-08 14:08:06 -06:00
Code Issues Packages Projects Releases Wiki Activity

Make search icon clickable button

Browse Source
This commit is contained in:
Xevion
2024-05-10 02:25:17 -05:00
parent 2f2a34efcf
commit 00088afa5c
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/form/LookupInput.tsx
View File

@@ -109,7 +109,10 @@ const LookupInput: FunctionComponent<LookupInputProps> = ({
const searchIcon = (
<>
<div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
<button type="submit" className={clsx({
"absolute inset-y-0 left-0 flex items-center pl-3": true,
"pointer-events-none": isLoading,
})}>
{isLoading ? (
<ArrowPathIcon
className="h-5 w-5 text-zinc-400 animate-spin"
@@ -121,7 +124,7 @@ const LookupInput: FunctionComponent<LookupInputProps> = ({
aria-hidden="true"
/>
)}
</div>
</button>
</>
);