feat: 💨

src/components/SearchBar/index.tsx

@@ -12,7 +12,7 @@ import { useSecondaryPage } from '@/PageManager'
 import { useScreenSize } from '@/providers/ScreenSizeProvider'
 import modalManager from '@/services/modal-manager.service'
 import { TProfile, TSearchParams } from '@/types'
-import { Hash, Notebook, Server, UserRound } from 'lucide-react'
+import { Hash, Notebook, Search, Server, UserRound } from 'lucide-react'
 import { nip19 } from 'nostr-tools'
 import {
   forwardRef,
@@ -82,10 +82,6 @@ const SearchBar = forwardRef<
     searchInputRef.current?.blur()
   }
 
-  const startSearch = () => {
-    setSearching(true)
-  }
-
   const list = useMemo(() => {
     const search = input.trim()
     if (!search) return null
@@ -167,21 +163,19 @@ const SearchBar = forwardRef<
     )
   }, [input, debouncedInput, profiles])
 
-  const showList = useMemo(() => searching && !!list, [searching, list])
-
   useEffect(() => {
-    if (showList) {
+    if (searching) {
       modalManager.register(id, () => {
         blur()
       })
     } else {
       modalManager.unregister(id)
     }
-  }, [showList])
+  }, [searching])
 
   return (
     <div className="relative flex gap-1 items-center h-full w-full">
-      {showList && (
+      {searching && (
         <>
           <div
             className={cn(
@@ -193,7 +187,13 @@ const SearchBar = forwardRef<
             )}
             onMouseDown={(e) => e.preventDefault()}
           >
+            {list ? (
               <ScrollArea className="h-[60vh]">{list}</ScrollArea>
+            ) : (
+              <div className="p-4 text-muted-foreground text-center h-20">
+                {t('Type searching for people, keywords, or relays')}
+              </div>
+            )}
           </div>
           <div className="fixed inset-0 w-full h-full" onClick={() => blur()} />
         </>
@@ -206,7 +206,8 @@ const SearchBar = forwardRef<
         )}
         value={input}
         onChange={(e) => setInput(e.target.value)}
-        onFocus={() => startSearch()}
+        onFocus={() => setSearching(true)}
+        onBlur={() => setSearching(false)}
       />
     </div>
   )
@@ -222,7 +223,7 @@ export type TSearchBarRef = {
 function NormalItem({ search, onClick }: { search: string; onClick?: () => void }) {
   return (
     <Item onClick={onClick}>
-      <Notebook className="text-muted-foreground" />
+      <Search className="text-muted-foreground" />
       <div className="font-semibold truncate">{search}</div>
     </Item>
   )

src/components/SearchInput/index.tsx

@@ -41,6 +41,7 @@ const SearchInput = forwardRef<HTMLInputElement, ComponentProps<'input'>>(
           <button
             type="button"
             className="rounded-full bg-foreground/40 hover:bg-foreground transition-opacity size-5 shrink-0 flex flex-col items-center justify-center"
+            onMouseDown={(e) => e.preventDefault()}
             onClick={() => onChange?.({ target: { value: '' } } as any)}
           >
             <X className="!size-3 shrink-0 text-background" strokeWidth={4} />

src/i18n/locales/ar.ts

@@ -370,6 +370,8 @@ export default {
     'Share something on this Relay': 'شارك شيئاً على هذا الريلاي',
     'Try deleting this note': 'حاول حذف هذه الملاحظة',
     'Deletion request sent to {{count}} relays': 'تم إرسال طلب الحذف إلى {{count}} ريلايات',
-    'Suitable Relays': 'الريلايات المناسبة'
+    'Suitable Relays': 'الريلايات المناسبة',
+    'Type searching for people, keywords, or relays':
+      'اكتب للبحث عن أشخاص، كلمات مفتاحية، أو ريلايات'
   }
 }

src/i18n/locales/de.ts

@@ -378,6 +378,8 @@ export default {
     'Share something on this Relay': 'Teile etwas auf diesem Relay',
     'Try deleting this note': 'Versuche, diese Notiz zu löschen',
     'Deletion request sent to {{count}} relays': 'Löschanfrage an {{count}} Relays gesendet',
-    'Suitable Relays': 'Geeignete Relays'
+    'Suitable Relays': 'Geeignete Relays',
+    'Type searching for people, keywords, or relays':
+      'Gib ein, um nach Personen, Schlüsselwörtern oder Relays zu suchen'
   }
 }

src/i18n/locales/en.ts

@@ -369,6 +369,8 @@ export default {
     'Share something on this Relay': 'Share something on this Relay',
     'Try deleting this note': 'Try deleting this note',
     'Deletion request sent to {{count}} relays': 'Deletion request sent to {{count}} relays',
-    'Suitable Relays': 'Suitable Relays'
+    'Suitable Relays': 'Suitable Relays',
+    'Type searching for people, keywords, or relays':
+      'Type searching for people, keywords, or relays'
   }
 }

src/i18n/locales/es.ts

@@ -375,6 +375,8 @@ export default {
     'Try deleting this note': 'Intenta eliminar esta nota',
     'Deletion request sent to {{count}} relays':
       'Solicitud de eliminación enviada a {{count}} relés',
-    'Suitable Relays': 'Relés adecuados'
+    'Suitable Relays': 'Relés adecuados',
+    'Type searching for people, keywords, or relays':
+      'Escribe para buscar personas, palabras clave o relés'
   }
 }

src/i18n/locales/fa.ts

@@ -371,6 +371,8 @@ export default {
     'Share something on this Relay': 'در این رله چیزی به اشتراک بگذارید',
     'Try deleting this note': 'سعی کنید این یادداشت را حذف کنید',
     'Deletion request sent to {{count}} relays': 'درخواست حذف به {{count}} رله ارسال شد',
-    'Suitable Relays': 'رله‌های مناسب'
+    'Suitable Relays': 'رله‌های مناسب',
+    'Type searching for people, keywords, or relays':
+      'برای جستجو افراد، کلمات کلیدی یا رله‌ها تایپ کنید'
   }
 }

src/i18n/locales/fr.ts

@@ -377,6 +377,8 @@ export default {
     'Try deleting this note': 'Essayez de supprimer cette note',
     'Deletion request sent to {{count}} relays':
       'Demande de suppression envoyée à {{count}} relais',
-    'Suitable Relays': 'Relais adaptés'
+    'Suitable Relays': 'Relais adaptés',
+    'Type searching for people, keywords, or relays':
+      'Tapez pour rechercher des personnes, des mots-clés ou des relais'
   }
 }

src/i18n/locales/it.ts

@@ -375,6 +375,8 @@ export default {
     'Try deleting this note': 'Prova a eliminare questa nota',
     'Deletion request sent to {{count}} relays':
       'Richiesta di eliminazione inviata a {{count}} relays',
-    'Suitable Relays': 'Relays adatti'
+    'Suitable Relays': 'Relays adatti',
+    'Type searching for people, keywords, or relays':
+      'Digita per cercare persone, parole chiave o relays'
   }
 }

src/i18n/locales/ja.ts

@@ -372,6 +372,8 @@ export default {
     'Try deleting this note': 'このノートを削除してみてください',
     'Deletion request sent to {{count}} relays':
       '削除リクエストが{{count}}個のリレーに送信されました',
-    'Suitable Relays': '適切なリレー'
+    'Suitable Relays': '適切なリレー',
+    'Type searching for people, keywords, or relays':
+      '人、キーワード、またはリレーを検索するために入力してください'
   }
 }

src/i18n/locales/ko.ts

@@ -372,6 +372,8 @@ export default {
     'Try deleting this note': '이 노트를 삭제해 보세요',
     'Deletion request sent to {{count}} relays':
       '삭제 요청이 {{count}}개의 릴레이로 전송되었습니다',
-    'Suitable Relays': '적합한 릴레이'
+    'Suitable Relays': '적합한 릴레이',
+    'Type searching for people, keywords, or relays':
+      '사람, 키워드 또는 릴레이를 검색하려면 입력하세요'
   }
 }

src/i18n/locales/pl.ts

@@ -376,6 +376,8 @@ export default {
     'Try deleting this note': 'Spróbuj usunąć ten wpis',
     'Deletion request sent to {{count}} relays':
       'Żądanie usunięcia wysłane do {{count}} przekaźników',
-    'Suitable Relays': 'Odpowiednie przekaźniki'
+    'Suitable Relays': 'Odpowiednie przekaźniki',
+    'Type searching for people, keywords, or relays':
+      'Wpisz, aby wyszukać osoby, słowa kluczowe lub przekaźniki'
   }
 }

src/i18n/locales/pt-BR.ts

@@ -372,6 +372,8 @@ export default {
     'Share something on this Relay': 'Compartilhe algo neste Relay',
     'Try deleting this note': 'Solicitar exclusão desta nota',
     'Deletion request sent to {{count}} relays': 'Pedido de exclusão enviado para {{count}} relays',
-    'Suitable Relays': 'Relays adequados'
+    'Suitable Relays': 'Relays adequados',
+    'Type searching for people, keywords, or relays':
+      'Digite para buscar pessoas, palavras-chave ou relays'
   }
 }

src/i18n/locales/pt-PT.ts

@@ -375,6 +375,8 @@ export default {
     'Try deleting this note': 'Tente eliminar esta nota',
     'Deletion request sent to {{count}} relays':
       'Pedido de eliminação enviado para {{count}} relays',
-    'Suitable Relays': 'Relays adequados'
+    'Suitable Relays': 'Relays adequados',
+    'Type searching for people, keywords, or relays':
+      'Digite para buscar pessoas, palavras-chave ou relays'
   }
 }

src/i18n/locales/ru.ts

@@ -375,6 +375,8 @@ export default {
     'Share something on this Relay': 'Поделиться чем-то на этом релее',
     'Try deleting this note': 'Попробуйте удалить эту заметку',
     'Deletion request sent to {{count}} relays': 'Запрос на удаление отправлен на {{count}} релеев',
-    'Suitable Relays': 'Подходящие релея'
+    'Suitable Relays': 'Подходящие релея',
+    'Type searching for people, keywords, or relays':
+      'Начните ввод для поиска людей, ключевых слов или релеев'
   }
 }

src/i18n/locales/th.ts

@@ -368,6 +368,7 @@ export default {
     'Share something on this Relay': 'แชร์บางอย่างบนรีเลย์นี้',
     'Try deleting this note': 'ลองลบโน้ตนี้ดู',
     'Deletion request sent to {{count}} relays': 'คำขอลบถูกส่งไปยังรีเลย์ {{count}} รายการ',
-    'Suitable Relays': 'รีเลย์ที่เหมาะสม'
+    'Suitable Relays': 'รีเลย์ที่เหมาะสม',
+    'Type searching for people, keywords, or relays': 'พิมพ์เพื่อค้นหาผู้คน คีย์เวิร์ด หรือรีเลย์'
   }
 }

src/i18n/locales/zh.ts

@@ -366,6 +366,7 @@ export default {
     'Share something on this Relay': '在此服务器上分享点什么',
     'Try deleting this note': '尝试删除此笔记',
     'Deletion request sent to {{count}} relays': '删除请求已发送到 {{count}} 个服务器',
-    'Suitable Relays': '适合的服务器'
+    'Suitable Relays': '适合的服务器',
+    'Type searching for people, keywords, or relays': '输入以搜索用户、关键词或服务器'
   }
 }

src/pages/primary/SearchPage/index.tsx

@@ -13,10 +13,10 @@ const SearchPage = forwardRef((_, ref) => {
   const isActive = useMemo(() => current === 'search' && display, [current, display])
 
   useEffect(() => {
-    if (isActive) {
+    if (isActive && !searchParams) {
       searchBarRef.current?.focus()
     }
-  }, [isActive])
+  }, [isActive, searchParams])
 
   const onSearch = (params: TSearchParams | null) => {
     setSearchParams(params)