From fdf9020e14cb36447ec28944f202228f05857111 Mon Sep 17 00:00:00 2001
From: Aly Raffauf <aly@aly.codes>
Date: Thu, 5 Feb 2026 12:04:48 -0500
Subject: [PATCH] autoselect searchbar

---
 src/components/SearchBar.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx
index 1bf4878..56d220f 100644
--- a/src/components/SearchBar.tsx
+++ b/src/components/SearchBar.tsx
@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useEffect, useRef, useState } from "react";
 
 const engines = [
   { name: "Google", url: "https://www.google.com/search?q=" },
@@ -7,11 +7,16 @@ const engines = [
 ];
 
 export function SearchBar() {
+  const inputRef = useRef<HTMLInputElement>(null);
   const [query, setQuery] = useState("");
   const [engine, setEngine] = useState(
     engines.find((e) => e.name === "DuckDuckGo")!,
   );
 
+  useEffect(() => {
+    inputRef.current?.focus();
+  }, []);
+
   return (
     <form
       className="h-full flex-1 p-4 rounded-xl bg-white/5 border border-rose-400/20 flex flex-col justify-center"
@@ -42,6 +47,7 @@ export function SearchBar() {
         </select>
         <input
           type="text"
+          ref={inputRef}
           value={query}
           onChange={(e) => setQuery(e.target.value)}
           placeholder="Search..."
-- 
2.51.2