xevion/rdap
1
0
Fork 0
mirror of https://github.com/Xevion/rdap.git synced 2025-12-09 00:08:07 -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 = ( 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 ? ( {isLoading ? (
<ArrowPathIcon <ArrowPathIcon
className="h-5 w-5 text-zinc-400 animate-spin" className="h-5 w-5 text-zinc-400 animate-spin"
@@ -121,7 +124,7 @@ const LookupInput: FunctionComponent<LookupInputProps> = ({
aria-hidden="true" aria-hidden="true"
/> />
)} )}
</div> </button>
</> </>
); );