From 121b9ed7f68e4afe36d1310393ed9bafa24b1ccd Mon Sep 17 00:00:00 2001
From: glax <johanna@bernloehr.eu>
Date: Mon, 4 Aug 2025 12:36:46 +0200
Subject: [PATCH] Add Placeholders to search for instructions

---
 tranga-website/src/Components/Search.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/tranga-website/src/Components/Search.tsx b/tranga-website/src/Components/Search.tsx
index 32107fe..a9374d6 100644
--- a/tranga-website/src/Components/Search.tsx
+++ b/tranga-website/src/Components/Search.tsx
@@ -100,10 +100,12 @@ function SearchDialog ({open, setOpen} : {open: boolean, setOpen: Dispatch<boole
         <Modal sx={{width: "100%", height: "100%"}} open={open} onClose={() => setOpen(false)}>
             <ModalDialog sx={{width: "80%"}}>
                 <ModalClose />
+                <Typography level={"h1"}>Search or add Manga</Typography>
                 <Stepper orientation={"vertical"}>
                     <Step indicator={<StepIndicator>1</StepIndicator>}>
                         <Typography>Connector</Typography>
-                        <Select 
+                        <Select
+                            placeholder={"Select Connector 'Global' to search on all Connectors"}
                             disabled={loadingState == LoadingState.loading}
                             onChange={(_, v) => setSelectedMangaConnector(v as MangaConnector)}>
                             {mangaConnectors?.map(con => (
@@ -118,7 +120,8 @@ function SearchDialog ({open, setOpen} : {open: boolean, setOpen: Dispatch<boole
                         <Input
                             disabled={loadingState == LoadingState.loading}
                             onKeyDown={keyDownCheck}
-                            onChange={(e) => setSearchTerm(e.currentTarget.value)} 
+                            onChange={(e) => setSearchTerm(e.currentTarget.value)}
+                            placeholder={"Enter search-term or supported Connector-Url"}
                             endDecorator={<Button
                                 disabled={loadingState == LoadingState.loading}
                                 onClick={doTheSearch}