diff --git a/.changelog/2398.trivial.md b/.changelog/2398.trivial.md new file mode 100644 index 0000000000..92390c6344 --- /dev/null +++ b/.changelog/2398.trivial.md @@ -0,0 +1 @@ +Autofocus search on home page diff --git a/src/app/components/Search/index.tsx b/src/app/components/Search/index.tsx index afa2618a72..2be2a51ea3 100644 --- a/src/app/components/Search/index.tsx +++ b/src/app/components/Search/index.tsx @@ -19,6 +19,7 @@ export interface SearchProps { disabled?: boolean onFocusChange?: (hasFocus: boolean) => void expandable?: boolean + autoFocus?: boolean } export const Search: FC = ({ @@ -26,6 +27,7 @@ export const Search: FC = ({ expandable, disabled, onFocusChange: onFocusChangeProp, + autoFocus, }) => { const { t } = useTranslation() const navigate = useNavigate() @@ -86,6 +88,7 @@ export const Search: FC = ({ )} size="lg" onChange={onChange} + autoFocus={autoFocus} onFocus={() => onFocusChange(true)} onBlur={() => onFocusChange(false)} placeholder={searchPlaceholderTranslated} diff --git a/src/app/pages/HomePage/HomeSearch.tsx b/src/app/pages/HomePage/HomeSearch.tsx index 25022cdeac..9afefe6cd5 100644 --- a/src/app/pages/HomePage/HomeSearch.tsx +++ b/src/app/pages/HomePage/HomeSearch.tsx @@ -25,7 +25,7 @@ export const HomeSearch: FC = () => { {t('home.search')} - + ) }