OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add option to auto focus search after render

Browse Source
This commit is contained in:
Chris McGravey 2022-09-14 18:27:05 -05:00
parent f59ac178b8
commit 91a26e7d73
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/widgets/search/search.jsx
View File

@ -1,4 +1,4 @@
import { useState } from "react"; import { useCallback, useState } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { FiSearch } from "react-icons/fi"; import { FiSearch } from "react-icons/fi";
import { SiDuckduckgo, SiMicrosoftbing, SiGoogle } from "react-icons/si"; import { SiDuckduckgo, SiMicrosoftbing, SiGoogle } from "react-icons/si";
@ -29,6 +29,8 @@ const providers = {
export default function Search({ options }) { export default function Search({ options }) {
const { t } = useTranslation(); const { t } = useTranslation();
const autoFocus = useCallback((el) => (options?.focus ? el.focus() : null), [options]);
const provider = providers[options.provider]; const provider = providers[options.provider];
const [query, setQuery] = useState(""); const [query, setQuery] = useState("");
@ -54,6 +56,7 @@ export default function Search({ options }) {
<form className="flex-col relative h-8 my-4 min-w-full md:min-w-fit grow first:ml-0 ml-4" onSubmit={handleSubmit}> <form className="flex-col relative h-8 my-4 min-w-full md:min-w-fit grow first:ml-0 ml-4" onSubmit={handleSubmit}>
<div className="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none w-full text-theme-800 dark:text-white" /> <div className="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none w-full text-theme-800 dark:text-white" />
<input <input
ref={autoFocus}
type="text" type="text"
className=" className="
overflow-hidden w-full h-full rounded-md overflow-hidden w-full h-full rounded-md