Autofocus search on home page

Author: lukaw3d

.changelog/2398.trivial.md

@@ -0,0 +1 @@
+Autofocus search on home page

src/app/components/Search/index.tsx

@@ -19,13 +19,15 @@ export interface SearchProps {
   disabled?: boolean
   onFocusChange?: (hasFocus: boolean) => void
   expandable?: boolean
+  autoFocus?: boolean
 }
 
 export const Search: FC<SearchProps> = ({
   scope,
   expandable,
   disabled,
   onFocusChange: onFocusChangeProp,
+  autoFocus,
 }) => {
   const { t } = useTranslation()
   const navigate = useNavigate()
@@ -86,6 +88,7 @@ export const Search: FC<SearchProps> = ({
           )}
           size="lg"
           onChange={onChange}
+          autoFocus={autoFocus}
           onFocus={() => onFocusChange(true)}
           onBlur={() => onFocusChange(false)}
           placeholder={searchPlaceholderTranslated}

src/app/pages/HomePage/HomeSearch.tsx

@@ -25,7 +25,7 @@ export const HomeSearch: FC = () => {
         {t('home.search')}
       </Typography>
 
-      <Search disabled={!isApiReachable} />
+      <Search disabled={!isApiReachable} autoFocus />
     </div>
   )
 }