glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-09-10 11:58:20 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add Placeholders to search for instructions

Browse Source
This commit is contained in:
glax
2025-08-04 12:36:46 +02:00
parent 34a34ef91e
commit 121b9ed7f6
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
tranga-website/src/Components/Search.tsx
View File

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