From 46696af756b7577380e627ee9f5e77677add3b4b Mon Sep 17 00:00:00 2001
From: Meier Lukas <meierschlumpf@gmail.com>
Date: Tue, 1 Aug 2023 12:59:50 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20Remove=20auto=20focus=20fr?=
 =?UTF-8?q?om=20search?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/header/Search.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/layout/header/Search.tsx b/src/components/layout/header/Search.tsx
index 4941697a1..3b96028d2 100644
--- a/src/components/layout/header/Search.tsx
+++ b/src/components/layout/header/Search.tsx
@@ -1,5 +1,5 @@
 import { Autocomplete, Group, Kbd, Modal, Text, Tooltip, useMantineTheme } from '@mantine/core';
-import { useDisclosure, useHotkeys } from '@mantine/hooks';
+import { useDisclosure, useHotkeys, useMediaQuery } from '@mantine/hooks';
 import {
   IconBrandYoutube,
   IconDownload,
@@ -9,7 +9,7 @@ import {
   TablerIconsProps,
 } from '@tabler/icons-react';
 import { useRouter } from 'next/router';
-import { ReactNode, forwardRef, useMemo, useRef, useState } from 'react';
+import { ReactNode, forwardRef, useEffect, useMemo, useRef, useState } from 'react';
 import { useConfigContext } from '~/config/provider';
 import { api } from '~/utils/api';
 
@@ -48,7 +48,6 @@ export const Search = ({ isMobile }: SearchProps) => {
         variant="filled"
         placeholder="Search..."
         hoverOnSearchChange
-        autoFocus={typeof window !== 'undefined' && window.innerWidth > 768}
         rightSection={
           <IconSearch
             onClick={() => ref.current?.focus()}